Scribd
Upload
247 views12 pages

HTML & CSS Color Basics

This document discusses color theory and color formats used in HTML and CSS. It explains additive color theory where colors are created by combining red, green and blue light. The RGB color format ranges from decimal values of 0-255 for each color component, allowing for over 16 million colors. Hexadecimal color codes use numbers 0-9 and letters A-F to represent color values from 00 to FF. The document lists 140 predefined color names and provides links to tools for exploring colors. It recommends defining colors in CSS using hexadecimal, RGB or color names.

Uploaded by

api-294086003
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
247 views12 pages

HTML & CSS Color Basics

This document discusses color theory and color formats used in HTML and CSS. It explains additive color theory where colors are created by combining red, green and blue light. The RGB color format ranges from decimal values of 0-255 for each color component, allowing for over 16 million colors. Hexadecimal color codes use numbers 0-9 and letters A-F to represent color values from 00 to FF. The document lists 140 predefined color names and provides links to tools for exploring colors. It recommends defining colors in CSS using hexadecimal, RGB or color names.

Uploaded by

api-294086003
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 12

4.

01 HTML, CSS and Color


Introduction
 This presentation includes the
following topics:
 Additive color theory
 Color Names
 Rgb Colors
 Hex Colors
Additive Color
 Colors on your computer monitor are
displayed by combining red, green, and
blue light.
 It's a process known as "additive
color". A computer works with light.
Mix a computer's additive colors, red,
green, and blue, together, you get
white.
Additive color creating white

Additive colors are


generated by light
Subtractive color system
 In contrast, the subtractive color system is
the mixing of colors. In subtractive, the
colors mix to create black.
Color Value Examples in Hex and rgb
rgb color
 The combination of red, green, and blue
values ranges from 0 to 255.
 That means there are 256 values for each
color. 256 x 256 x 256 gives us more than
16 million colors that can be created using
the RGB system.
 Zero, "0", is the smallest representations of
a color.
 255 is the largest representation of a color
Hex color codes
 Hexadecimal uses the numbers 0 to 9 and
the letters A to F to represent color values.
 In Hex the smallest representation of color
is “00” and the largest representation of
color is “FF”.
 Follow this link for more information:
http://www.w3schools.com/html/html_colors
.asp
Understand Hex Color Codes
Color Names
 There are currently 140 color names
supported in HTML and CSS.
 You can view the list by following this
link:
http://www.w3schools.com/html/html_c
olornames.asp
Hands-on color activity
http://www.w3schools.com/tags/ref_colo
rmixer.asp?colorbottom=000000&colort
op=FFFFFF

OR

https://kuler.adobe.com/create/color-
wheel/
CSS
 Colors should be
defined using <style>
h1
Cascading Style {
Sheets. background-color:#6495ed;
}
p
{
background-color:#e0ffff;
}
div
{
background-color:#b0c4de;
}
</style>

You might also like