Блог для вебмастеров и разработчиков
Рубрики
19 августа 2016, 20:34

Таблица цветов html, палитра и коды цветов в html

Дизайн, графика
Таблица цветов html

В этой таблице есть столбцы с названиями и самим цветом, с ними я думаю все понятно, но помимо них есть еще два столбца "HEX формат" и "RGB формат" — это как раз коды цветов в html, которые использует html для понимания какой цвет выводить.

HEX теги цветов html

Используется как есть: #000000. Решетка в начале и далее 6 символов цвета. Если все 6 символов одинаковые, то можно сократить это код, просто удалить последние 3 символа, получится так #000.

RGB коды цветов в html

Используется иначе чем указан, вставляется он в таком виде: rgb(0,0,0). У данного формата есть большой плюс, по сравнению с кодом в HEX формате, можно указать прозрачность цвета и писаться это будет так: rgba(0,0,0,0.5). Тут немного изменяется запись и в конце указывается степень прозрачности 0.5 — это эквивалент 50% прозрачности, 1 значит 0% прозрачность, 0 — 100% прозрачный.

Таблица цветов html


Название цветаОбразецHEX формат RGB форматПеревод
     
black HEX #000000RGB 0/0/0черный
dimgray HEX #696969RGB 0/0/41тускло-серый
gray HEX #808080RGB 0/0/50серый
darkgray HEX #A9A9A9RGB 0/0/66темно-серый
silver HEX #C0C0C0RGB 0/0/75серебристый
lightgrey HEX #D3D3D3RGB 0/0/83светло-серый
gainsboro HEX #DCDCDCRGB 0/0/86Гейнсборо
whitesmoke HEX #F5F5F5RGB 0/0/96дымчатый
white HEX #FFFFFFRGB 0/0/100белый
snow HEX #FFFAFARGB 0/2/100снежный
rosybrown HEX #BC8F8FRGB 0/24/74розово-коричневый
lightcoral HEX #F08080RGB 0/47/94светло-коралловый
indianred HEX #CD5C5CRGB 0/55/80 
brown HEX #A52A2ARGB 0/75/65коричневый
firebrick HEX #B22222RGB 0/81/70кирпичный
maroon HEX #800000RGB 0/100/50густой красно-коричневый
darkred HEX #8B0000RGB 0/100/55темно-красный
red HEX #FF0000RGB 0/100/100красный
salmon HEX #FA8072RGB 6/54/98лососевый
mistyrose HEX #FFE4E1RGB 6/121/100туманно-розовый
tomato HEX #FF6347RGB 9/72/100томатный
darksalmon HEX #E9967ARGB 15/48/91темно-лососевый
coral HEX #FF7F50RGB 16/69/100коралловый
orangered HEX #FF4500RGB 16/100/100оранжево-красный
lightsalmon HEX #FFA07ARGB 17/52/100светло-лососевый
sienna HEX #A0522DRGB 19/72/63сиена (охра)
seashell HEX #FFF5EERGB 25/7/100морской раковины
saddlebrown HEX #8B4513RGB 25/86/55кожаного седла
chocolate HEX #D2691ERGB 25/86/82шоколадный
peachpuff HEX #FFDAB9RGB 28/27/100персиковый
sandybrown HEX #F4A460RGB 28/61/96рыжеватый
linen HEX #FAF0E6RGB 30/8/98льняной
peru HEX #CD853FRGB 30/69/80 
bisque HEX #FFE4C4RGB 33/23/100бисквитный (светло-коричневый)
darkorange HEX #FF8C00RGB 33/100/100темно-оранжевый
antiquewhite HEX #FAEBD7RGB 34/14/98древний (античный) белый
tan HEX #D2B48CRGB 34/33/82дубильной коры (желтовато-коричневый)
burlywood HEX #DEB887RGB 34/39/87плотной древесины
blanchedalmond HEX #FFEBCDRGB 36/20/100миндальный (чищеного миндаля)
navajowhite HEX #FFDEADRGB 36/32/100 
papayawhip HEX #FFEFD5RGB 37/16/100побега папайи
moccasin HEX #FFE4B5RGB 38/29/100 
oldlace HEX #FDF5E6RGB 39/9/99старого кружева
wheat HEX #F5DEB3RGB 39/27/96пшеничный
orange HEX #FFA500RGB 39/100/100оранжевый
floralwhite HEX #FFFAF0RGB 40/6/100цветочно-белый
goldenrod HEX #DAA520RGB 43/85/85золотисто-красный
darkgoldenrod HEX #B8860BRGB 43/94/72темный золотисто-красный
cornsilk HEX #FFF8DCRGB 48/14/100молодой кукурузы
gold HEX #FFD700RGB 51/100/100золотистый
lemonchiffon HEX #FFFACDRGB 54/20/100лимонного шифона
khaki HEX #F0E68CRGB 54/42/94хаки
palegoldenrod HEX #EEE8AARGB 55/29/93бледный золотисто-красный
darkkhaki HEX #BDB76BRGB 56/43/74темный хаки
ivory HEX #FFFFF0RGB 60/6/100слоновой кости
beige HEX #F5F5DCRGB 60/10/96беж
lightyellow HEX #FFFFE0RGB 60/12/100светло-желтый
olive HEX #808000RGB 60/100/50оливковый
yellow HEX #FFFF00RGB 60/100/100желтый
olivedrab HEX #6B8E23RGB 80/75/56нежно-оливковый
yellowgreen HEX #9ACD32RGB 80/76/80желто-зеленый
darkolivegreen HEX #556B2FRGB 82/56/42темный оливково-зеленый
greenyellow HEX #ADFF2FRGB 84/82/100зелено-желтый
lawngreen HEX #7CFC00RGB 90/100/99зеленой лужайки
chartreuse HEX #7FFF00RGB 90/100/100шартрез (бледно-зеленый)
honeydew HEX #F0FFF0RGB 120/6/100медовой росы
darkseagreen HEX #8FBC8FRGB 120/24/74темный морской волны
lightgreen HEX #90EE90RGB 120/39/93светло-зеленый
palegreen HEX #98FB98RGB 120/39/98бледно-зеленый
forestgreen HEX #228B22RGB 120/76/55лесной зелени
limegreen HEX #32CD32RGB 120/76/80зеленого лайма
darkgreen HEX #006400RGB 120/100/39темно-зеленый
green HEX #008000RGB 120/100/50зеленый
lime HEX #00FF00RGB 120/100/100лайма
seagreen HEX #2E8B57RGB 146/67/55морской волны
mediumseagreen HEX #3CB371RGB 147/66/70умеренный морской волны
mintcream HEX #F5FFFARGB 150/4/100мятного крема
springgreen HEX #00FF7FRGB 150/100/100весенней зелени
mediumspringgreen HEX #00FA9ARGB 157/100/98умеренный весенней зелени
mediumaquamarine HEX #66CDAARGB 160/50/80умеренный аквамариновый
aquamarine HEX #7FFFD4RGB 160/50/100аквамариновый (зеленовато-голубой)
turquoise HEX #40E0D0RGB 174/71/88бирюзовый
lightseagreen HEX #20B2AARGB 177/82/70светлый морской волны
mediumturquoise HEX #48D1CCRGB 178/66/82умеренный бирюзовый
azure HEX #F0FFFFRGB 180/6/100лазурный
paleturquoise HEX #AFEEEERGB 180/26/93бледно-бирюзовый
darkslategray HEX #2F4F4FRGB 180/41/31темный аспидно-серый (темно-синевато-серый)
teal HEX #008080RGB 180/100/50чирок
darkcyan HEX #008B8BRGB 180/100/55темно-циановый
aqua HEX #00FFFFRGB 180/100/100морской волны
cyan HEX #00FFFFRGB 180/100/100циановый
lightcyan HEX #E0FFFFRGB 180/121/100светло-циановый
darkturquoise HEX #00CED1RGB 181/100/82темно-бирюзовый
cadetblue HEX #5F9EA0RGB 182/41/63 
powderblue HEX #B0E0E6RGB 187/23/90голубой пороши
lightblue HEX #ADD8E6RGB 195/25/90светло-голубой
deepskyblue HEX #00BFFFRGB 195/100/100насыщенный небесно-голубой
skyblue HEX #87CEEBRGB 197/43/92небесно-голубой
lightskyblue HEX #87CEFARGB 203/46/98светлый небесно-голубой
steelblue HEX #4682B4RGB 207/61/71голубовато-стальной
aliceblue HEX #F0F8FFRGB 208/6/100 
slategray HEX #708090RGB 210/22/56аспидно-серый
lightslategray HEX #778899RGB 210/22/60светлый аспидно-серый
dodgerblue HEX #1E90FFRGB 210/88/100 
lightsteelblue HEX #B0C4DERGB 214/21/87светлый голубовато-стальной
cornflowerblue HEX #6495EDRGB 219/58/93васильковый
royalblue HEX #4169E0RGB 225/71/88королевский голубой
ghostwhite HEX #F8F8FFRGB 240/3/100призрачно-белый
lavender HEX #E6E6FARGB 240/8/98лавандовый (бледно-лиловый)
midnightblue HEX #191970RGB 240/78/44синей полночи
navy HEX #000080RGB 240/100/50флотский
darkblue HEX #00008BRGB 240/100/55темно-синий
mediumblue HEX #0000CDRGB 240/100/80умеренный голубой (синий)
blue HEX #0000FFRGB 240/100/100голубой (синий)
darkslateblue HEX #483D8BRGB 248/56/55темный аспидно-синий
slateblue HEX #6A5ACDRGB 248/56/80аспидно-синий
mediumslateblue HEX #7B68EERGB 249/56/93умеренный аспидно-синий
mediumpurple HEX #9370DBRGB 260/49/86умеренный пурпурный
blueviolet HEX #8A2BE2RGB 271/81/89сине-фиолетовый
indigo HEX #4B0082RGB 275/100/51индиго
darkorchid HEX #9932CCRGB 280/75/80темно-лиловый
darkviolet HEX #9400D3RGB 282/100/83темно-фиолетовый
mediumorchid HEX #BA55D3RGB 288/60/83умеренный лиловый
thistle HEX #D8BFD8RGB 300/12/85чертополоха
plum HEX #DDA0DDRGB 300/28/87сливовый (темно-фиолетовый с оттенками бордового)
violet HEX #EE82EERGB 300/45/93темно-лиловый, фиолетовый
purple HEX #800080RGB 300/100/50пурпурный
darkmagenta HEX #8B008BRGB 300/100/55темный фуксин
fuchsia HEX #FF00FFRGB 300/100/100фуксии
orchid HEX #DA70D6RGB 302/49/85лиловый
mediumvioletred HEX #C71585RGB 322/89/78умеренный лилово-красный
deeppink HEX #FF1493RGB 328/92/100насыщенный розовый
hotpink HEX #FF69B4RGB 330/59/100яркий розовый
lavenderblush HEX #FFF0F5RGB 340/6/100лавандового румянца
palevioletred HEX #DB7093RGB 340/49/86бледный лилово-красный
crimson HEX #DC143CRGB 348/91/86малиновый, темно-красный, кармазинный
pink HEX #FFC0CBRGB 350/25/100розовый
lightpink HEX #FFB6C1RGB 351/29/100светло-розовый
     
Вернуться назад
Комментарии ()
  1. Begench Begench 16 ноября 2019, 10:34 #
    спасибо
    ответить
    1. Begench Begench 16 ноября 2019, 10:35 #
      спасибо
      ответить
      Добавить комментарий