Цвет можно задавать двумя способами: названием цвета или же его шестнадцатеричным значением в палитре RBG в виде #RRBBGG, где RR - красный цвет (red), BB - синий (blue) и GG - зеленый (green). Чем выше значение одной из компонент, тем она более интенсивна. Оттенки серого получаются при задании одинаковых значений для всех трех компонентов. Каждая компонента может варьироваться от 0 до FF (255), т.е. всего можно получить 256х256х256=16777216 цветов. Так правило, этого более чем достаточно :)
Ниже приведены названия и значения в палитре RBG для основных предопределенных цветов:
| Название | Код | Цвет | Название | Код | Цвет | Название | Код | Цвет |
|---|---|---|---|---|---|---|---|---|
| alicemblue | #f0f8ff | antiquewhite | #faebd7 | aqua | #00ffff | |||
| aquamarine | #7fffd4 | azure | #f0ffff | beige | #f5f5dc | |||
| bisque | #ffe4c4 | black | #000000 | blanchedalmond | #ffebcd | |||
| blue | #0000ff | blueviolet | #8a2be2 | brown | #a52a2a | |||
| burlywood | #deb887 | cadetblue | #5f9ea0 | chartreuse | #7fff00 | |||
| chocolate | #d2691e | coral | #ff7f50 | cornflowerblue | #6495ed | |||
| cornsilk | #fff8dc | crimson | #dc143c | cyan | #00ffff | |||
| darkblue | #00008b | darkcyan | #008b8b | darkgoldenrod | #b8860b | |||
| darkgray | #a9a9a9 | darkgreen | #006400 | darkkhaki | #bdb76b | |||
| darkmagenta | #8b008b | darkolivegreen | #556b2f | darkorange | #ff8c00 | |||
| darkochid | #9932cc | darkred | #8b0000 | darksalmon | #e9967a | |||
| darkseagreen | #8fbc8f | darkslateblue | #483d8b | darkslategray | #2f4f4f | |||
| darkturquoise | #00ced1 | darkviolet | #9400d3 | deeppink | #ff1493 | |||
| deepskyblue | #00bfff | dimgray | #696969 | dodgerblue | #1e90ff | |||
| firebrick | #b22222 | floralwhite | #fffaf0 | forestgreen | #228b22 | |||
| fushsia | #ff00ff | gainsboro | #dcdcdc | ghostwhite | #f8f8ff | |||
| gold | #ffd700 | goldenrod | #daa520 | gray | #808080 | |||
| green | #008000 | greenyellow | #adff2f | honeydew | #f0fff0 | |||
| hotpink | #ff69b4 | indiandred | #cd5c5c | indigo | #4b0082 | |||
| ivory | #fffff0 | khaki | #f0e68c | lavender | #e6e6fa | |||
| lavenderblush | #fff0f5 | lawngreen | #7cfc00 | lemonchiffon | #fffacd | |||
| ligtblue | #add8e6 | lightcoral | #f08080 | lightcyan | #e0ffff | |||
| lightgoldenrodyellow | #fafad2 | lightgreen | #90ee90 | lightgrey | #d3d3d3 | |||
| lightpink | #ffb6c1 | lightsalmon | #ffa07a | lightseagreen | #20b2aa | |||
| lightscyblue | #87cefa | lightslategray | #778899 | lightsteelblue | #b0c4de | |||
| lightyellow | #ffffe0 | lime | #00ff00 | limegreen | #32cd32 | |||
| linen | #faf0e6 | magenta | #ff00ff | maroon | #800000 | |||
| mediumaquamarine | #66cdaa | mediumblue | #0000cd | mediumorchid | #ba55d3 | |||
| mediumpurple | #9370db | mediumseagreen | #3cb371 | mediumslateblue | #7b68ee | |||
| mediumspringgreen | #00fa9a | mediumturquoise | #48d1cc | mediumvioletred | #c71585 | |||
| midnightblue | #191970 | mintcream | #f5fffa | mistyrose | #ffe4e1 | |||
| moccasin | #ffe4b5 | navajowhite | #ffdead | navy | #000080 | |||
| oldlace | #fdf5e6 | olive | #808000 | olivedrab | #6b8e23 | |||
| orange | #ffa500 | orengered | #ff4500 | orchid | #da70d6 | |||
| palegoldenrod | #eee8aa | palegreen | #98fb98 | paleturquose | #afeeee | |||
| palevioletred | #db7093 | papayawhop | #ffefd5 | peachpuff | #ffdab9 | |||
| peru | #cd853f | pink | #ffc0cb | plum | #dda0dd | |||
| powderblue | #b0e0e6 | purple | #800080 | red | #ff0000 | |||
| rosybrown | #bc8f8f | royalblue | #4169e1 | saddlebrown | #8b4513 | |||
| salmon | #fa8072 | sandybrown | #f4a460 | seagreen | #2e8b57 | |||
| seashell | #fff5ee | sienna | #a0522d | silver | #c0c0c0 | |||
| skyblue | #87ceeb | slateblue | #6a5acd | slategray | #708080 | |||
| snow | #fffafa | springgreen | #00ff7f | steelblue | #4682b4 | |||
| tan | #d2b48c | teal | #008080 | thistle | #d8bfd8 | |||
| tomato | #ff6347 | turquose | #40e0d0 | violet | #ee82ee | |||
| wheat | #f5deb3 | white | #ffffff | whitesmoke | #f5f5f5 | |||
| yellow | #ffff00 | yellowgreen | #9acd32 |
Если вам недостаточно приведенных выше цветов, то можете выбрать цвет из расширенной таблицы цветов. В CSS может использоваться сокращенная запись цвета в формате #RBG (по одному байту на каждый цвет). В этом случае, необходимо взять только нечетные цифры из приведенных в таблице значений (например, #003366 заменяется на #036).
| #000000 | #000033 | #000066 | #000099 | #0000cc | #0000ff |
| #003300 | #003333 | #003366 | #003399 | #0033cc | #0033ff |
| #006600 | #006633 | #006666 | #006699 | #0066cc | #0066ff |
| #009900 | #009933 | #009966 | #009999 | #0099cc | #0099ff |
| #00cc00 | #00cc33 | #00cc66 | #00cc99 | #00cccc | #00ccff |
| #00ff00 | #00ff33 | #00ff66 | #00ff99 | #00ffcc | #00ffff |
| #330000 | #330033 | #330066 | #330099 | #3300cc | #3300ff |
| #333300 | #333333 | #333366 | #333399 | #3333cc | #3333ff |
| #336600 | #336633 | #336666 | #336699 | #3366cc | #3366ff |
| #339900 | #339933 | #339966 | #339999 | #3399cc | #3399ff |
| #33cc00 | #33cc33 | #33cc66 | #33cc99 | #33cccc | #33ccff |
| #33ff00 | #33ff33 | #33ff66 | #33ff99 | #33ffcc | #33ffff |
| #660000 | #660033 | #660066 | #660099 | #6600cc | #6600ff |
| #663300 | #663333 | #663366 | #663399 | #6633cc | #6633ff |
| #666600 | #666633 | #666666 | #666699 | #6666cc | #6666ff |
| #669900 | #669933 | #669966 | #669999 | #6699cc | #6699ff |
| #66cc00 | #66cc33 | #66cc66 | #66cc99 | #66cccc | #66ccff |
| #66ff00 | #66ff33 | #66ff66 | #66ff99 | #66ffcc | #66ffff |
| #990000 | #990033 | #990066 | #990099 | #9900cc | #9900ff |
| #993300 | #993333 | #993366 | #993399 | #9933cc | #9933ff |
| #996600 | #996633 | #996666 | #996699 | #9966cc | #9966ff |
| #999900 | #999933 | #999966 | #999999 | #9999cc | #9999ff |
| #99cc00 | #99cc33 | #99cc66 | #99cc99 | #99cccc | #99ccff |
| #99ff00 | #99ff33 | #99ff66 | #99ff99 | #99ffcc | #99ffff |
| #cc0000 | #cc0033 | #cc0066 | #cc0099 | #cc00cc | #cc00ff |
| #cc3300 | #cc3333 | #cc3366 | #cc3399 | #cc33cc | #cc33ff |
| #cc6600 | #cc6633 | #cc6666 | #cc6699 | #cc66cc | #cc66ff |
| #cc9900 | #cc9933 | #cc9966 | #cc9999 | #cc99cc | #cc99ff |
| #cccc00 | #cccc33 | #cccc66 | #cccc99 | #cccccc | #ccccff |
| #ccff00 | #ccff33 | #ccff66 | #ccff99 | #ccffcc | #ccffff |
| #ff0000 | #ff0033 | #ff0066 | #ff0099 | #ff00cc | #ff00ff |
| #ff3300 | #ff3333 | #ff3366 | #ff3399 | #ff33cc | #ff33ff |
| #ff6600 | #ff6633 | #ff6666 | #ff6699 | #ff66cc | #ff66ff |
| #ff9900 | #ff9933 | #ff9966 | #ff9999 | #ff99cc | #ff99ff |
| #ffcc00 | #ffcc33 | #ffcc66 | #ffcc99 | #ffcccc | #ffccff |
| #ffff00 | #ffff33 | #ffff66 | #ffff99 | #ffffcc | #ffffff |