Versión en español



 


HTML color codes


HTML colors are constructed using a combination of three colors: red, green and blue. Each one of these colors can take a value from 0 to 255 and are represented in hexadecimal notation (00 to FF). This way, a color is composed by six characters where the two first represent the red value, the two second represent the green value and the two third represent the blue value (e.g., the red color gets FF for the red and 00 for the rest: "FF0000").

Mixing these values will mix the colors, so you can make a yellow by mixing red and green (e.g., "FFFF00"), violet by mixing red and blue (e.g., "FF00FF") or magenta by mixing green and blue (e.g., "00FFFF"). This works exactly as a painter palette.

The tone of the color can also be changed increasing (e.g., clearer violet "FF66FF") or decreasing (e.g., darker violet "AA00AA") the three values proportionally.

Note: by the nature of this page, blind people may find the following color chart barely useful.

Color chart

This color chart shows a wide set of HTML colors that can be used in HTML documents. The purpose of this chart is just to show some colors available. The extra functionality is only available for browsers supporting JavaScript, and allow users to preview a color pick in an example document.

330000 660000 990000 CC0000 FF0000 FF3333 FF6666 FF9999 FFCCCC 330C00 661900 992600 CC3300 FF3F00 FF6633 FF8C66 FFB299 FFD8CC 331900 663300 994C00 CC6600 FF7F00 FF9933 FFB266 FFCC99 FFE5CC 332600 664C00 997200 CC9900 FFBF00 FFCC33 FFD866 FFE599 FFF2CC 333300 666600 999900 CCCC00 FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC 263300 4C6600 729900 99CC00 BFFF00 CCFF33 D8FF66 E5FF99 F2FFCC 193300 336600 4C9900 66CC00 7FFF00 99FF33 B2FF66 CCFF99 E5FFCC 0C3300 196600 269900 33CC00 3FFF00 66FF33 8CFF66 B2FF99 D8FFCC 003300 006600 009900 00CC00 00FF00 33FF33 66FF66 99FF99 CCFFCC 00330C 006619 009926 00CC33 00FF3F 33FF66 66FF8C 99FFB2 CCFFD8 003319 006633 00994C 00CC66 00FF7F 33FF99 66FFB2 99FFCC CCFFE5 003326 00664C 009972 00CC99 00FFBF 33FFCC 66FFD8 99FFE5 CCFFF2 003333 006666 009999 00CCCC 00FFFF 33FFFF 66FFFF 99FFFF CCFFFF 002633 004C66 007299 0099CC 00BFFF 33CCFF 66D8FF 99E5FF CCF2FF 001933 003366 004C99 0066CC 007FFF 3399FF 66B2FF 99CCFF CCE5FF 000C33 001966 002699 0033CC 003FFF 3366FF 668CFF 99B2FF CCD8FF 000033 000066 000099 0000CC 0000FF 3333FF 6666FF 9999FF CCCCFF 0C0033 190066 260099 3300CC 3F00FF 6633FF 8C66FF B299FF D8CCFF 190033 330066 4C0099 6600CC 7F00FF 9933FF B266FF CC99FF E5CCFF 260033 4C0066 720099 9900CC BF00FF CC33FF D866FF E599FF F2CCFF 330033 660066 990099 CC00CC FF00FF FF33FF FF66FF FF99FF FFCCFF 330026 66004C 990072 CC0099 FF00BF FF33CC FF66D8 FF99E5 FFCCF2 330019 660033 99004C CC0066 FF007F FF3399 FF66B2 FF99CC FFCCE5 33000C 660019 990026 CC0033 FF003F FF3366 FF668C FF99B2 FFCCD8 Colors chart
000000 0A0A0A 151515 202020 2A2A2A 353535 3F3F3F 4A4A4A 555555 606060 6A6A6A 757575 8A8A8A 959595 9F9F9F AAAAAA B4B4B4 BFBFBF CACACA D4D4D4 DFDFDF E9E9E9 F4F4F4 FFFFFF Gray scale
Background:
First heading:
First paragraph:
Second heading:
Second paragraph:
Right panel background:
Right panel border:
Right panel title:
Right panel text:

HTML color codes

Changing tones

The tone of the color can also be changed increasing (e.g., clearer violet "FF66FF") or decreasing (e.g., darker violet "AA00AA") the three values proportionally.

HTML colors are constructed using a combination of three colors: red, green and blue. Each one of these colors can take a value from 0 to 255 and are represented in hexadecimal notation (00 to FF). This way, a color is composed by six characters where the two first represent the red value, the two second represent the green value and the two third represent the blue value (e.g., the red color gets FF for the red and 00 for the rest: "FF0000").

Color chart

This color chart shows a wide set of HTML colors that can be used in HTML documents. The purpose of this chart is just to show some colors availables. The extra functionality is only available for browsers supporting JavaScript, and allow users to preview a color pick in an example document.



Bypass footer options  |   Send to a friend Send to a friend  |  Post to del.icio.us Post to del.icio.us

Digg this page Digg this!  |  File on Furl File on Furl  |  Add to Yahoo! MyWeb Add to Yahoo! MyWeb

Bypass W3C declarations | 

Valid XHTML 1.0 Strict  |  Valid CSS Why should you trust us? Click the images on the left to see how seriously we write our own pages, then make your choice.

Level Triple-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0. This website gives its best effort to achieve the Level Triple-A Conformance, W3C-WAI Web Content Accessibility Guidelines 1.0. If you find any detail or error that we didn't see, don't hesitate and let us know.

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. -- Tim Berners-Lee, W3C Director and inventor of the World Wide Web.

 Link to us  |  Contact us  |  Beyond HTML  |  Tools and resources  |  Sitemap  |  Webmaster