HTML color code - color code table in html

Color name

With CSS, colors can be set using the color name.

Eg:

Color	Name
HTML color code - color code table in html Picture 1	Red
	Yellow
	Glaucous
	Blue
	Bright red

Color name supported by all browsers

All modern browsers support the following 140 color names (click the color name or hex value, to see the color as a background color along with different text colors):

HTML color code - color code table in html Picture 2

CSS Color Values

With CSS, colors can be specified in a variety of ways:

1. By color name
2. As RGB value
3. As a hexadecimal value
4. As HSL (CSS3) value
5. As HWB value (CSS4)
6. With keyword currentcolor

RGB color

RGB color values ​​are supported in all browsers.

RGB color values ​​are specified with: rgb (RED, GREEN, BLUE).

Each parameter that defines the intensity of the color is an integer between 0 and 255.

For example, rgb(0,0,255) is displayed as blue, because the blue parameter is set to the highest value (255) and the other parameters are set to 0.

Eg:

Shades of gray are usually determined using equal values ​​for all 3 light sources:

Eg:

Color	RGB	Color
HTML color code - color code table in html Picture 4	rgb(0,0,0)	Black
	rgb(128,128,128)	Grey
	rgb(255,255,255)	White

Hexadecimal color

Hexadecimal color values ​​are also supported in all browsers.

Hexadecimal colors are specified with: #RRGGBB.

RR (red), GG (green), and BB (blue) are hexadecimal integers from 00 to FF specifying the intensity of the color.

For example, #0000FF is displayed as blue, because the blue component is set to the highest value (FF) and the others are set to 00.

Eg:

Color	HEX	RGB	Color
HTML color code - color code table in html Picture 5	#FF0000	rgb(255,0,0)	Red
	#00FF00	rgb(0,255,0)	Green
	#0000FF	rgb(0,0,255)	Blue

Shades of gray are usually determined using equal values ​​for all 3 light sources.

Eg:

Color	HEX	RGB	Color
HTML color code - color code table in html Picture 6	#000000	rgb(0,0,0)	Black
	#808080	rgb(128,128,128)	Grey
	#FFFFFF	rgb(255,255,255)	White

Note: You can use uppercase or lowercase letters to specify hexadecimal values. Lowercase letters are easier to write, and uppercase letters are easier to read.

keyword currentcolor

The currentcolor keyword refers to the color property value of an element.

For example, the border color of the following element would be blue because the element's text color is blue:

#myDIV { color: blue; /* Blue text color */ border: 10px solid currentcolor; /* Blue border color */ }

David Pac

Update 09 May 2022