В web-дизайне существует несколько способов представления цвета
HEX – шестнадцатеричная система представления цвета по основанию 16. Для данной системы используются арабские десятичные цифры от 0 до 9 и латинские буквы от A до F для дополнения цифрового количества до 16. Для web-дизайна взяты 16 основных (ключевых) цветов, так называемый шестнадцатеричный код цвета #RRGGBB, где каждая пара отвечает за свою долю цвета: RR – красный, GG – зеленый и BB – синий. Каждая доля цвета находится в диапазоне от 00 до FF.
Два других представления цвета в web-дизайне это: в виде RGB(*,*,*), где каждая «*» доля цвета представлена десятичными цифрами от 0 до 255 и по наименованиям цвета на английском языке.
При создании цветного изображения главной проблемой является правильная передача цветов на разных типах компьтеров, мониторов и браузеров. Если браузер не может правильно отобразить цвет, то он подбирает похожий или смешивает несколько цветов. А иногда может заменить на какой-то совсем другой цвет.
Таблица 16 основных цветов, которые используются во всех браузерах
| Название | Цвет | Hex | (RGB) |
| Aqua (морская волна) | #00FFFF | (000,255,255) | |
| Black (черный) | #000000 | (000,000,000) | |
| Blue (голубой) | #0000FF | (000,000,255) | |
| Fuchsia (фуксин) | #FF00FF | (255,000,255) | |
| Gray (серый) | #808080 | (128,128,128) | |
| Green (зеленый) | #008000 | (000,128,000) | |
| Lime (ярко-зеленый) | #00FF00 | (000,255,000) | |
| Maroon (темно-бордовый) | #800000 | (128,000,000) | |
| Navy (темно-синий) | #000080 | (000,000,128) | |
| Olive (оливковый) | #808000 | (128,128,000) | |
| Purple (фиолетовый) | #800080 | (128,000,128) | |
| Red (красный) | #FF0000 | (255,000,000) | |
| Silver (серебряный) | #C0C0C0 | (192,192,192) | |
| Teal (серо-зеленый) | #008080 | (000,128,128) | |
| White (белый) | #FFFFFF | (255,255,255) | |
| Yellow (желтый) | #FFFF00 | (255,255,000) |
Таблица пурпурного цвета и его оттенков
| Название | Цвет | Hex | (RGB) |
| Magenta (пурпурный) | #FFCBDB | (255,203,219) | |
| Magenta (пурпурный) | #FF0099 | (255,000,153) | |
| Magenta (маджента) | #F95A61 | (249,090,097) | |
| Fuchsia (фуксия) | #FF00FF | (255,000,255) | |
| Мовеин (анилиновый пурпур) | #EF0097 | (239,000,151) | |
| Salmon pink (оранжево розовый) | #FF91A4 | (255,145,164) | |
| Cenise (оттенок пурпурного) | #DE3163 | (153,149,140) | |
| Aubergine Eggplant (баклажановый) | #990066 | (153,000,132) | |
| Lavender blush (розовато-лавандовый) | #FFF0F5 | (255,240,245) | |
| Lilac (сиреневый) | #C8A2C8 | (200,162,200) | |
| Magenta (маджента) | #FF008F | (255,000,143) | |
| Orchid (орхидея) | #DA70D6 | (218,112,214) | |
| Red-violet (фиолетово-красный) | #C71585 | (199,021,133) | |
| Sanguine (сангиновый) | #92000A | (146,000,010) | |
| Thistle (оттенок пурпурного) | #D8BFD8 | (185,211,238) | |
| Violet-eggplant (оттенок пурпурного) | #991199 | (153,017,153) | |
| Rosa vivo (насыщено розовый) | #FF007F | (255,000,127) | |
| Lavender-rose (оттенок пурпурного) | #FBA0E3 | (108,123,139) | |
| Mountbatten pink (розовый Маунбаттена) | #997ABD | (153,122,141) |
Таблица серого цвета и его оттенков
| Название | Цвет | Hex | (RGB) |
| Gray (Серый) | #808080 | (128,128,128) | |
| Gray (Серый) | #bebebe | (190,190,190) | |
| (Серый-оттенок) | #858585 | (133,133,133) | |
| Gray33 (Серый-33) | #545454 | (084,084,084) | |
| (Серого шифера) | #708090 | (112,128,144) | |
| (Кварцевый) | #99958с | (153,149,140) | |
| (Светло-серый) | #bbbbbb | (187,187,187) | |
| (Серебристый) | #c0c0c0 | (192,192,192) | |
| (Серо-белый) | #f0f0f0 | (240,240,240) | |
| (Бороды Абдель-Керима) | #e0e0e0 | (224,224,224) | |
| LightGray (Серый светлый) | #d3d3d3 | (211,211,211) | |
| LightStateGray () | #778899 | (119,136,153) | |
| StateGray-1 (Бледно-васильковый1) | #c6e2ff | (198,226,255) | |
| StateGray-2 (Бледно-васильковый2) | #b9d3ee | (185,211,238) | |
| StateGray3 () | #9fb6cd | (159,182,205) | |
| StateGray4 () | #6c7b8b | (108,123,139) |
Серый цвет (от чёрного до белого)
| #000000 | #010101 | #020202 | #030303 | #040404 | #050505 | #060606 | #070707 |
| #080808 | #090909 | #0a0a0a | #0b0b0b | #0c0c0c | #0d0d0d | #0e0e0e | #0f0f0f |
| #101010 | #111111 | #121212 | #131313 | #141414 | #151515 | #161616 | #171717 |
| #181818 | #191919 | #1a1a1a | #1b1b1b | #1c1c1c | #1d1d1d | #1e1e1e | #1f1f1f |
| #202020 | #212121 | #222222 | #232323 | #242424 | #252525 | #262626 | #272727 |
| #282828 | #292929 | #2a2a2a | #2b2b2b | #2c2c2c | #2d2d2d | #2e2e2e | #2f2f2f |
| #303030 | #313131 | #323232 | #333333 | #343434 | #353535 | #363636 | #373737 |
| #383838 | #393939 | #3a3a3a | #3b3b3b | #3c3c3c | #3d3d3d | #3e3e3e | #3f3f3f |
| #404040 | #414141 | #424242 | #434343 | #444444 | #454545 | #464646 | #474747 |
| #484848 | #494949 | #4a4a4a | #4b4b4b | #4c4c4c | #4d4d4d | #4e4e4e | #4f4f4f |
| #505050 | #515151 | #525252 | #535353 | #545454 | #555555 | #565656 | #575757 |
| #585858 | #595959 | #5a5a5a | #5b5b5b | #5c5c5c | #5d5d5d | #5e5e5e | #5f5f5f |
| #606060 | #616161 | #626262 | #636363 | #646464 | #656565 | #666666 | #676767 |
| #686868 | #696969 | #6a6a6a | #6b6b6b | #6c6c6c | #6d6d6d | #6e6e6e | #6f6f6f |
| #707070 | #717171 | #727272 | #737373 | #747474 | #757575 | #767676 | #777777 |
| #787878 | #797979 | #7a7a7a | #7b7b7b | #7c7c7c | #7d7d7d | #7e7e7e | #7f7f7f |
| #808080 | #818181 | #828282 | #838383 | #848484 | #858585 | #868686 | #878787 |
| #888888 | #898989 | #8a8a8a | #8b8b8b | #8c8c8c | #8d8d8d | #8e8e8e | #8f8f8f |
| #909090 | #919191 | #929292 | #939393 | #949494 | #959595 | #969696 | #979797 |
| #989898 | #999999 | #9a9a9a | #9b9b9b | #9c9c9c | #9d9d9d | #9e9e9e | #9f9f9f |
| #a0a0a0 | #a1a1a1 | #a2a2a2 | #a3a3a3 | #a4a4a4 | #a5a5a5 | #a6a6a6 | #a7a7a7 |
| #a8a8a8 | #a9a9a9 | #aaaaaa | #ababab | #acacac | #adadad | #aeaeae | #afafaf |
| #b0b0b0 | #b1b1b1 | #b2b2b2 | #b3b3b3 | #b4b4b4 | #b5b5b5 | #b6b6b6 | #b7b7b7 |
| #b8b8b8 | #b9b9b9 | #bababa | #bbbbbb | #bcbcbc | #bdbdbd | #bebebe | #bfbfbf |
| #c0c0c0 | #c1c1c1 | #c2c2c2 | #c3c3c3 | #c4c4c4 | #c5c5c5 | #c6c6c6 | #c7c7c7 |
| #c8c8c8 | #c9c9c9 | #cacaca | #cbcbcb | #cccccc | #cdcdcd | #cecece | #cfcfcf |
| #d0d0d0 | #d1d1d1 | #d2d2d2 | #d3d3d3 | #d4d4d4 | #d5d5d5 | #d6d6d6 | #d7d7d7 |
| #d8d8d8 | #d9d9d9 | #dadada | #dbdbdb | #dcdcdc | #dddddd | #dedede | #dfdfdf |
| #e0e0e0 | #e1e1e1 | #e2e2e2 | #e3e3e3 | #e4e4e4 | #e5e5e5 | #e6e6e6 | #e7e7e7 |
| #e8e8e8 | #e9e9e9 | #eaeaea | #ebebeb | #ececec | #ededed | #eeeeee | #efefef |
| #f0f0f0 | #f1f1f1 | #f2f2f2 | #f3f3f3 | #f4f4f4 | #f5f5f5 | #f6f6f6 | #f7f7f7 |
| #f8f8f8 | #f9f9f9 | #fafafa | #fbfbfb | #fcfcfc | #fdfdfd | #fefefe | #ffffff |
