Содержание

Имена цветов — Обложки для журналов — ЖЖ

Иногда в процессе вёрстки приходится набирать цвета руками, и тогда удобно знать названия или коды разных цветов.
По hex-коду бывает трудно представить оттенок, поэтому удобнее использовать имена.

Где их взять?

Есть вот такая таблица, но в ней цвета расставлены по алфавиту, и неудобно искать похожие оттенки.

Для удобства я расставила их по группам, насколько это было возможно. Получилось вот такое (похоже на набор фломастеров):

   mistyrose

   lavenderblush

   seashell

   floralwhite

   oldlace

   linen

   pink

   lightpink

   lightcoral

   palevioletred

   mediumvioletred

   darkmagenta

   purple

   deeppink

   hotpink

   fuchsia

   magenta

   violet

   rosybrown

   saddlebrown

   sienna

   indianred

   peru

   darksalmon

   sandybrown

   lightsalmon

   burlywood

   tan

   wheat

   peachpuff

   navajowhite

   moccasin

   bisque

   blanchedalmond

   antiquewhite

   papayawhip

   cornsilk

   ivory

   beige

   lightgoldenrodyellow

   palegoldenrod

   goldenrod

   darkgoldenrod

   chocolate

   maroon

   darkred

   brown

   firebrick

   crimson

   red

   orangered

   tomato

   salmon

   coral

   darkorange

   orange

   gold

   yellow

   lemonchiffon

   lightyellow

   khaki

   darkkhaki

   olive

   darkolivegreen

   olivedrab

   yellowgreen

   greenyellow

   lawngreen

   chartreuse

   lime

   limegreen

   forestgreen

   green

   darkgreen

   seagreen

   mediumseagreen

   darkseagreen

   springgreen

   mediumspringgreen

   lightgreen

   palegreen

   honeydew

   mintcream

   azure

   aquamarine

   turquoise

   mediumturquoise

   mediumaquamarine

   darkturquoise

   lightseagreen

   cadetblue

   darkcyan

   teal

   darkslategray

   darkslategrey

   steelblue

   dodgerblue

   deepskyblue

   aqua

   cyan

   lightcyan

   aliceblue

   paleturquoise

   powderblue

   lightblue

   lightsteelblue

   skyblue

   lightskyblue

   cornflowerblue

   royalblue

   blue

   mediumblue

   darkblue

   navy

   midnightblue

   darkslateblue

   indigo

   slateblue

   mediumslateblue

   mediumpurple

   blueviolet

   darkviolet

   darkorchid

   mediumorchid

   orchid

   plum

   thistle

   lavender

   ghostwhite

   white

   snow

   whitesmoke

   gainsboro

   lightgray

   lightgrey

   silver

   darkgray

   darkgrey

   lightslategrey

   lightslategray

   slategrey

   slategray

   gray

   grey

   dimgray

   dimgrey

   black

Можете сохранить себе эту таблицу в виде картинки

Таким образом вместо того чтобы лезть за кодом цвета в фотошоп или ещё куда можно просто написать название цвета : )
Я уже заприметила несколько приятных оттенков и теперь в моём распоряжении гораздо больше цветов, чем поднадоевшие red, green, orange и blue

Попутно хочу поделиться двумя удобными сервисами для работы с цветами:

Colorschemedesigner.com
Подбор цветовой схемы.
Можно даже посмотреть примерный макет сайта сделанный в выбранной вами цветовой гамме : )

Css.coloratum.com
Конвертер цветов из одного формата в другой

В принципе, всё должно быть понятно, но на всякий случай поясню: например, вы подобрали цвет и взяли в фотошопе шестизначный код. Потом решили сделать этот цвет полупрозрачным (в формате rgba). Или вам надо перевести в rgb цвет по названию.
Вводите в поле цвет в любом формате и сервис отдаёт вам коды цвета в rgb, Hex и hsl, из которых, после небольших манипуляций, вы легко получаете полупрозрачный вариант нужного цвета.
По-моему, очень удобно

Пользуйтесь : )

RGB и HEX коды цветов Название цвета на английском языке


000000000#000000ЧерныйBlack
000000128#000080Темно-синийNavy
000000139#00008bТемно-голубойDarkblue
000000205#0000cdУмеренно-голубойMediumblue
000000255#0000ffСинийBlue
000100000#006400Темно-зеленыйDarkgreen
000128000#008000ЗеленыйGreen
000128128#008080ЧайныйTeal
000139139#008b8bТемный цианDarkcyan
000191255#00bfffТемный небесно-синийDeepskyblue
000206209#00ced1Темно-бирюзовыйDarkturquoise
000250154#00fa9aУмеренный синевато-серыйMediumspringgreen
000255000#00ff00ИзвестковыйLime
000255127#00ff7fВесенний зеленыйSpringgreen
000255255#00ffffМорской волныAqua
025025112#191970Ночной синийMidnightblue
030144255#1e90ffТускло-васильковыйDodgerblue
032178170#20b2aaСветлой морской волныLightseagreen
034139034#228b22Лесной зеленыйForestgreen
046139087#2e8b57Морской зеленыйSeagreen
047079079#2f4f4fТемный синевато-серыйDarkslategray
050205050#32cd32Зеленовато-известковыйLimegreen
060179113#3cb371Умеренной морской волныMediumseagreen
064224208#40e0d0БирюзовыйTurquoise
065105225#4169e1Королевский голубойRoyalblue
070130180#4682b4Голубовато-стальнойSteelblue
072061139#483d8bТемный серовато-синийDarkslateblue
072209204#48d1ccУмеренно-бирюзовыйMediumturquoise
075000130#4b0082ИндигоIndigo
085107047#556b2fТемно-оливковыйDarkolivegreen
095158160#5f9ea0Блеклый серо-голубойCadetblue
100149237#6495edВасильковыйCornflowerblue
102205170#66cdaaУмеренно-аквамариновыйMediumaaquamarine
105105105#696969Тускло-серыйDimgray
106090205#6a5acdСеровато-синийSlateblue
107142035#6b8e23Тускло-коричневыйOlivedrab
112128144#708090Синевато-серыйSlategray
119136153#778899Светлый синевато-серыйLightslategray
123104238#7b68eeУмеренный серовато-синийMediumslateblue
124252000#7cfc00Зеленой травыLawngreen
127255000#7fff00ФисташковыйChartreuse
127255212#7fffd4АквамаринAquamarine
128000000#800000Оранжево-розовыйMaroon
128000128#800080ПурпурныйPurple
128128000#808000ОливковыйOlive
128128128#808080СерыйGray
135206235#87ceebНебесно-голубойSkyblue
135206250#87cefaСветлый небесно-синийLightskyblue
138043226#8a2be2Светло-фиолетовыйBlueviolet
139000000#8b0000Темно-красныйDarkred
139000139#8b008bТемный фуксинDarkmagenta
139069019#8b4513Старой кожиSaddlebrown
143188143#8fbc8fТемный морской волныDarkseagreen
147112219#9370dbУмеренно-пурпурныйMediumpurple
148000211#9400d3Темно-фиолетовыйDarkviolet
152251152#98fb98Бледно-зеленыйPalegreen
153050204#9932ccТемно-орхидейныйDarkorchid
154205050#9acd32Желто-зеленыйYellowgreen
156238144#9cee90Светло-зеленыйLightgreen
160082045#a0522dОхраSienna
165042042#a52a2aКоричневыйBrown
169169169#a9a9a9Темно-серыйDarkgray
173216230#add8e6Светло-голубойLightblue
173255047#adff2fЖелто-зеленыйGreenyellow
175238238#afeeeeБледно-бирюзовыйPaleturquise
176196222#b0c4deСветло-стальнойLightsteelblue
176224230#b0e0e6Туманно-голубойPowderblue
178034034#b22222Огнеупорного кирпичаFirebrick
184134011#b8860bТемный красно-золотойDarkgoldenrod
186085211#ba55d3Умеренно-орхидейныйMediumorchid
188143143#bc8f8fРозово-коричневыйRosybrown
189183107#bdb76bТемный хакиDarkkhaki
192192192#c0c0c0СеребристыйSilver
199021133#c71585Красно-фиолетовыйMediumvioletred
205092092#cd5c5cЯрко-красныйIndianred
205133063#cd853fКоричневыйPeru
210105030#d2691eШоколадныйChocolate
210180140#d2b48cЖелтовато-коричневыйTan
211211211#d3d3d3Светло-серыйLightgray
216191216#d8bfd8ЧертополохаThistle
218112214#da70d6ОрхидейныйOrchid
218165032#daa520Красного золотаGoldenrod
219112147#db7093Бледный красно-фиолетовыйPlaevioletred
220020060#dc143cМалиновыйCrimson
220220220#dcdcdcСветлый серо-фиолетовыйFainsboro
221160221#dda0ddСливовыйPlum
222184135#deb887Старого дереваBurlywood
224255255#e0ffffСветлый цианLightcyan
230230250#e6e6faБледно-лиловыйLavender
233150122#e9967aТемный оранжево-розовыйDarksalmon
238130238#ee82eeФиолетовыйViolet
238232170#eee8aaБледно-золотойPalegoldenrod
240128128#f08080Светло-коралловыйLightcoral
240230140#f0e68cХакиKhaki
240248255#f0f8ffБлекло-голубойAliceblue
240255240#f0fff0Свежего медаHoneydew
240255255#f0ffffЛазурьAzure
244164096#f4a460Рыже-коричневыйSandybrown
245222179#f5deb3ПшеничныйWheat
245245220#f5f5dcБежевыйBeige
245245245#f5f5f5Белый дымчатыйWhitesmoke
245255250#f5fffaМятно-кремовыйMintcream
248248255#f8f8ffТуманно-белыйGhostwhite
250128114#fa8072Оранжево-розовыйSalmon
250235215#faebd7Античный белыйAntuquewhite
250240230#faf0e6ЛьнянойLinen
253245230#fdf5e6Старого коньякаOldlace
255000255#ff00ffФуксияFuchsia
255020147#ff1493Темно-розовыйDeeppink
255069000#ff4500Красно-оранжевыйOrangered
255099071#ff6347ТоматныйTomato
255105180#ff69b4Ярко-розовыйHotpink
255127080#ff7f50КоралловыйCoral
255140000#ff8c00Темно-оранжевыйDarkorange
255160122#ffa07aСветлый оранжево-розовыйLightsalmon
255165000#ffa500ОранжевыйOrange
255182193#ffb6c1Светло-розовыйLightpink
255192203#ffc0cbРозовыйPink
255215000#ffd700ЗолотойGold
255218185#ffdab9ПерсиковыйPeachpuff
255222173#ffdeadГрязно-серыйNavajowhite
255228181#ffe4b5БолотныйMoccasin
255228196#ffe4c4БисквитныйBisque
255228225#ffe4e1Туманно-розовыйMistyrose
255235205#ffebcdСветло-кремовыйBlanchedalmond
255239213#ffefd5ДыниPapayaawhip
255240245#fff0f5Бледный розово-лиловыйLavenderblush
255245238#fff5eeМорской пеныSeashell
255248220#fff8dcБледно-желтыйCornsilk
255250205#fffacdЛимонныйLemonchiffon
255250240#fffaf0Цветочно-белыйFloralwhite
255250250#fffafaСнежныйSnow
255255000#ffff00ЖелтыйYellow
255255224#ffffe0Светло-желтыйLightyellow
255255240#fffff0Слоновой костиIvory
255255255#ffffffБелыйWhite

по шестнадцатеричному значению, по названию, в формате RGB, RGBA, HSL, HSLA Fff цв

Таблица (палитра) цветов html предоставляет вам возможность самостоятельно подобрать нужный вам тон. Значение цвета отображается в трех форматах: Hex, RGB и HSV.

  • Hex состоит из трех двух символьных значений в шестнадцатеричной системе счисления. Например: #ff00b3, где первая пара чисел — красный, вторая — зеленый, а третья — синий.
  • RGB (RedGreenBlue) имеет вид «200,100,255», обозначающее количество соответствующего тона(красный,зеленый,синий) в получаемом цвете.
  • HSV (Hue, Saturation, Value — тон, насыщенность, значение) — цветовая модель, в которой в качестве координат являются:
    • Hue — цветовой тон, может варьироваться в пределах от 0° до 360°.
    • Saturation — насыщенность, варьируется в пределах 0-100 или 0-1. Чем больше этот параметр, тем «чище» цвет, поэтому этот параметр иногда называют чистотой цвета. А чем ближе этот параметр к нулю, тем ближе цвет к нейтральному серому.
    • Value (значение цвета) — задает яркость, значение так же может варьироваться в пределах 0-100 или 0-1.

Введите код цвета: GO

Список цветов с названиями

В таблице перечислены названия цветов на английском языке (которые можно использовать в качестве значений), поддерживаемые всеми браузерами, и их шестнадцатеричные значения. Все перечисленные цвета являются «безопасными», то есть во всех браузерах будут отображаться одинаково.

Название цвета HEX Цвет
Black #000000
Navy #000080
DarkBlue #00008B
MediumBlue #0000CD
Blue #0000FF
DarkGreen #006400
Green #008000
Teal #008080
DarkCyan #008B8B
DeepSkyBlue #00BFFF
DarkTurquoise #00CED1
MediumSpringGreen #00FA9A
Lime #00FF00
SpringGreen #00FF7F
Aqua #00FFFF
Cyan #00FFFF
MidnightBlue #191970
DodgerBlue #1E90FF
LightSeaGreen #20B2AA
ForestGreen #228B22
SeaGreen #2E8B57
DarkSlateGray #2F4F4F
LimeGreen #32CD32
MediumSeaGreen #3CB371
Turquoise #40E0D0
RoyalBlue #4169E1
SteelBlue #4682B4
DarkSlateBlue #483D8B
MediumTurquoise #48D1CC
Indigo #4B0082
DarkOliveGreen #556B2F
CadetBlue #5F9EA0
CornflowerBlue #6495ED
MediumAquaMarine #66CDAA
DimGray #696969
SlateBlue #6A5ACD
OliveDrab #6B8E23
SlateGray #708090
LightSlateGray
#778899
MediumSlateBlue #7B68EE
LawnGreen #7CFC00
Chartreuse #7FFF00
Aquamarine #7FFFD4
Maroon #800000
Purple #800080
Olive #808000
Gray #808080
SkyBlue #87CEEB
LightSkyBlue #87CEFA
BlueViolet #8A2BE2
DarkRed #8B0000
DarkMagenta #8B008B
SaddleBrown #8B4513
DarkSeaGreen #8FBC8F
LightGreen #90EE90
MediumPurple #9370D8
DarkViolet #9400D3
PaleGreen #98FB98
DarkOrchid #9932CC
YellowGreen #9ACD32
Sienna #A0522D
Brown #A52A2A
DarkGray #A9A9A9
LightBlue #ADD8E6
GreenYellow
#ADFF2F
PaleTurquoise #AFEEEE
LightSteelBlue #B0C4DE
PowderBlue #B0E0E6
FireBrick #B22222
DarkGoldenRod #B8860B
MediumOrchid #BA55D3
RosyBrown #BC8F8F
DarkKhaki #BDB76B
Silver #C0C0C0
MediumVioletRed #C71585
IndianRed #CD5C5C
Peru #CD853F
Chocolate #D2691E
Tan #D2B48C
LightGray #D3D3D3
PaleVioletRed #D87093
Thistle #D8BFD8
Orchid #DA70D6
GoldenRod #DAA520
Crimson #DC143C
Gainsboro #DCDCDC
Plum #DDA0DD
BurlyWood #DEB887
LightCyan #E0FFFF
Lavender #E6E6FA
DarkSalmon #E9967A
Violet #EE82EE
PaleGoldenRod #EEE8AA
LightCoral #F08080
Khaki #F0E68C
AliceBlue #F0F8FF
HoneyDew #F0FFF0
Azure #F0FFFF
SandyBrown #F4A460
Wheat #F5DEB3
Beige #F5F5DC
WhiteSmoke #F5F5F5
MintCream #F5FFFA
GhostWhite #F8F8FF
Salmon #FA8072
AntiqueWhite #FAEBD7
Linen #FAF0E6
LightGoldenRodYellow #FAFAD2
OldLace #FDF5E6
Red #FF0000
Fuchsia #FF00FF
Magenta #FF00FF
DeepPink #FF1493
OrangeRed #FF4500
Tomato #FF6347
HotPink #FF69B4
Coral #FF7F50
Darkorange #FF8C00
LightSalmon #FFA07A
Orange #FFA500
LightPink #FFB6C1
Pink #FFC0CB
Gold #FFD700
PeachPuff #FFDAB9
NavajoWhite #FFDEAD
Moccasin #FFE4B5
Bisque #FFE4C4
MistyRose #FFE4E1
BlanchedAlmond #FFEBCD
PapayaWhip #FFEFD5
LavenderBlush #FFF0F5
SeaShell #FFF5EE
Cornsilk #FFF8DC
LemonChiffon #FFFACD
FloralWhite #FFFAF0
Snow #FFFAFA
Yellow #FFFF00
LightYellow #FFFFE0
Ivory #FFFFF0
White #FFFFFF

Модуль CSS color подробно описывает значения, которые позволяют авторам определять цвета и непрозрачность html-элементов, а также значения свойства color .

Свойство color

1. Приоритетные цвета: свойство color

Свойство задаёт цвет шрифта с помощью различных систем цветопередачи. Свойство описывает цвет текстового содержимого элемента. Кроме того, оно используется для предоставления потенциального косвенного значения (currentColor) для любых других свойств, которые принимают значения цвета.

Свойство наследуется.

2. Значения цвета

2.1. Основные ключевые слова

Список основных ключевых слов включает в себя следующие значения:

Название HEX RGB Цвет
black #000000 0,0,0
silver #C0C0C0 192,192,192
gray #808080 128,128,128
white #FFFFFF 255,255,255
maroon #800000 128,0,0
red #FF0000 255,0,0
purple #800080 128,0,128
fuchsia #FF00FF 255,0,255
green #008000 0,128,0
lime #00FF00 0,255,0
olive #808000 128,128,0
yellow #FFFF00 255,255,0
navy #000080 0,0,128
blue #0000FF 0,0,255
teal #008080 0,128,128
aqua #00FFFF 0,255,255

Названия цветов не чувствительны к регистру.

Синтаксис

Color: teal;

2.2. Числовые значения цвета
2.2.1. Цвета модели RGB

Формат значения RGB в шестнадцатеричном формате — это знак # , за которым сразу следуют три или шесть шестнадцатеричных символов. Трехзначная запись RGB #rgb преобразуется в шестизначную форму #rrggbb путем копирования цифр, а не путем добавления нулей. Например, #fb0 расширяется до #ffbb00 . Это гарантирует, что белый #ffffff может быть указан в короткой записи #fff , и удаляет любые зависимости от глубины цвета дисплея.

Формат значения RGB в функциональной нотации — rgb(, за которым следует разделенный запятыми список из трех числовых значений (либо трех целочисленных значений, либо трех процентных значений), за которыми следует символ) . Целочисленное значение 255 соответствует 100% и F или FF в шестнадцатеричной записи:

Rgb (255,255,255) = rgb (100%, 100%, 100%) = #FFF

Символы пробела допускаются вокруг числовых значений.

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю. Допускается использовать сокращенную форму вида #rgb, где каждый символ следует удваивать. Так, запись #fe0 следует расценивать как #ffee00.

По названию

Internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Браузеры поддерживают некоторые цвета по их названию. В табл. 1 приведены названия, шестнадцатеричный код, значения в формате RGB, HSL и описание.

Табл. 1. Названия цветов
Имя Цвет Код RGB HSL Описание
white #ffffff или #fff rgb(255,255,255) hsl(0,0%,100%) Белый
silver #c0c0c0 rgb(192,192,192) hsl(0,0%,75%) Серый
gray #808080 rgb(128,128,128) hsl(0,0%,50%) Темно-серый
black #000000 или #000 rgb(0,0,0) hsl(0,0%,0%) Черный
maroon #800000 rgb(128,0,0) hsl(0,100%,25%) Темно-красный
red #ff0000 или #f00 rgb(255,0,0) hsl(0,100%,50%) Красный
orange #ffa500 rgb(255,165,0) hsl(38.8,100%,50%) Оранжевый
yellow #ffff00 или #ff0 rgb(255,255,0) hsl(60,100%,50%) Желтый
olive #808000 rgb(128,128,0) hsl(60,100%,25%) Оливковый
lime #00ff00 или #0f0 rgb(0,255,0) hsl(120,100%,50%) Светло-зеленый
green #008000 rgb(0,128,0) hsl(120,100%,25%) Зеленый
aqua #00ffff или #0ff rgb(0,255,255) hsl(180,100%,50%) Голубой
blue #0000ff или #00f rgb(0,0,255) hsl(240,100%,50%) Синий
navy #000080 rgb(0,0,128) hsl(240,100%,25%) Темно-синий
teal #008080 rgb(0,128,128) hsl(180,100%,25%) Сине-зеленый
fuchsia #ff00ff или #f0f rgb(255,0,255) hsl(300,100%,50%) Розовый
purple #800080 rgb(128,0,128) hsl(300,100%,25%) Фиолетовый

С помощью RGB

Internet Explorer Chrome Opera Safari Firefox Android iOS
5.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Можно определить цвет, используя значения красной, зеленой и синей составляющей в десятичном исчислении. Каждая из трех компонент цвета принимает значение от 0 до 255. Также допустимо задавать цвет в процентном отношении, при этом 100% будет соответствовать числу 255. Вначале указывается ключевое слово rgb , а затем в скобках, через запятую указываются компоненты цвета, например rgb(255, 128, 128) или rgb(100%, 50%, 50%).

RGBA

Internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

Формат RGBA похож по синтаксису на RGB, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.

RGBA добавлен в CSS3, поэтому валидацию CSS-кода надо проводить именно по этой версии. Следует отметить, что стандарт CSS3 еще находится в разработке и некоторые возможности в нем могут поменяться. К примеру, цвет в формате RGB добавленный к свойству background-color проходит валидацию, а добавленный к свойству background уже нет. При этом браузеры вполне корректно понимают цвет для того и другого свойства.

HSL

Internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 1.0+ 9.6+ 3.1+ 3.0+ 2.1+ 2.0+

Название формата HSL образовано от сочетания первых букв Hue (оттенок), Saturate (насыщенность) и Lightness (светлота). Оттенок это значение цвета на цветовом круге (рис. 1) и задаётся в градусах. 0° соответствует красному цвету, 120° — зелёному, а 240° — синему. Значение оттенка может изменяться от 0 до 359.

Рис. 1. Цветовой круг

Насыщенностью называется интенсивность цвета, измеряется в процентах от 0% до 100%. Значение 0% обозначает отсутствие цвета и оттенок серого, 100% максимальное значение насыщенности.

Светлота задает, насколько цвет яркий и указывается в процентах от 0% до 100%. Малые значения делают цвет темнее, а высокие светлее, крайние значения 0% и 100% соответствуют чёрному и белому цвету.

HSLA

Internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

Формат HSLA похож по синтаксису на HSL, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.

Значения цвета в форматах RGBA, HSL и HSLA добавлены в CSS3, поэтому при использовании этих форматов проверяйте код на валидность с учётом версии.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Цвета

Предупреждение

Все перечисленные на сайте методы ловли льва являются теоретическими и базируются на вычислительных методах. Авторы не гарантируют вашей безопасности при их использовании и снимают с себя всякую ответственность за результат. Помните, лев это хищник и опасное животное!

Арррргх!

Результат данного примера показан на рис. 2.

Рис. 2. Цвета на веб-странице

Цвета html обозначаются шестью символами после символа слеш — например, #000000. Эти шесть символов обозначают доли различных цветов (Красного, Зеленого и Синего цветов (Red, Green, Blue)) в итоговом цвете. В мониторе вашего комьютера изображение формируется из огромного количества точек, называемых пикселями. Каждый пиксел — это маленький источник света, назовём его «фонарик», который в свою очередь состоит из трех фонариков — красного, зеленого и синего цвета. Уменьшая или увеличивая интенсивность свечения отдельных цветных фонариков, мы получаем нужный цвет.

Коды цветов html

Цвета в HTML обозначаются шестнадцатиричным (HEX) обозначением сочетания красного, синего и зеленого цвета (RGB).

Наименьшим значением цвета является 0 (шестнадцатиричное 00). Наибольшим значением цвета является 255 (шестнадцатиричное FF).

Шестнадцатиричное значение цвета представляет из себя три цифры, начинающиеся со знака #.

Коды (значения) цветов

Цвет Код HEX Код RGB
#000000 rgb(0,0,0)
#FF0000 rgb(255,0,0)
#00FF00 rgb(0,255,0)
#0000FF rgb(0,0,255)
#FFFF00 rgb(255,255,0)
#00FFFF rgb(0,255,255)
#FF00FF rgb(255,0,255)
#C0C0C0 rgb(192,192,192)
#FFFFFF rgb(255,255,255)

16 миллионов оттенков

Сочетание красного, синего и зеленого цветов со значениями с долей каждого цвета от 0 до 255 дают в сумме более 16 миллионов оттенков (256 x 256 x 256).

Большинство современных мониторов способны отобразить не меньше 16384 различных оттенков (ЖК-мониторы, в основном, способны отображать 262 тысячи 16 миллионов (обновлено в октябре 2013 г.) цветов, а ЭЛТ-мониторы способны отображать практически неограниченное количество цветов).

В цветовой таблице ниже приведено изменение доли красного цвета с 0 до 255 при нулевых значениях синего и зеленого цветов:

Красный Код HEX Код RGB
#000000 rgb(0,0,0)
#080000 rgb(8,0,0)
#100000 rgb(16,0,0)
#180000 rgb(24,0,0)
#200000 rgb(32,0,0)
#280000 rgb(40,0,0)
#300000 rgb(48,0,0)
#380000 rgb(56,0,0)
#400000 rgb(64,0,0)
#480000 rgb(72,0,0)
#500000 rgb(80,0,0)
#580000 rgb(88,0,0)
#600000 rgb(96,0,0)
#680000 rgb(104,0,0)
#700000 rgb(112,0,0)
#780000 rgb(120,0,0)
#800000 rgb(128,0,0)
#880000 rgb(136,0,0)
#900000 rgb(144,0,0)
#980000 rgb(152,0,0)
#A00000 rgb(160,0,0)
#A80000 rgb(168,0,0)
#B00000 rgb(176,0,0)
#B80000 rgb(184,0,0)
#C00000 rgb(192,0,0)
#C80000 rgb(200,0,0)
#D00000 rgb(208,0,0)
#D80000 rgb(216,0,0)
#E00000 rgb(224,0,0)
#E80000 rgb(232,0,0)
#F00000 rgb(240,0,0)
#F80000 rgb(248,0,0)
#FF0000 rgb(255,0,0)

Оттенки серого

Для получение оттенков серого цвета используются равные доли всех цветов. Для облегчения выбора нужного цвета мы приводим вам коды оттенков серого цвета

Оттенки серого Код HEX Код RGB
#000000 rgb(0,0,0)
#080808 rgb(8,8,8)
#101010 rgb(16,16,16)
#181818 rgb(24,24,24)
#202020 rgb(32,32,32)
#282828 rgb(40,40,40)
#303030 rgb(48,48,48)
#383838 rgb(56,56,56)
#404040 rgb(64,64,64)
#484848 rgb(72,72,72)
#505050 rgb(80,80,80)
#585858 rgb(88,88,88)
#606060 rgb(96,96,96)
#686868 rgb(104,104,104)
#707070 rgb(112,112,112)
#787878 rgb(120,120,120)
#808080 rgb(128,128,128)
#888888 rgb(136,136,136)
#909090 rgb(144,144,144)
#989898 rgb(152,152,152)
#A0A0A0 rgb(160,160,160)
#A8A8A8 rgb(168,168,168)
#B0B0B0 rgb(176,176,176)
#B8B8B8 rgb(184,184,184)
#C0C0C0 rgb(192,192,192)
#C8C8C8 rgb(200,200,200)
#D0D0D0 rgb(208,208,208)
#D8D8D8 rgb(216,216,216)
#E0E0E0 rgb(224,224,224)
#E8E8E8 rgb(232,232,232)
#F0F0F0 rgb(240,240,240)
#F8F8F8 rgb(248,248,248)
#FFFFFF rgb(255,255,255)

Кросс-браузерные (для всех браузеров) названия цветов html

Коллекция из 150 названий цветов в html, поддерживаемых во всех браузерах.

Стандартизированные названия цветов

Консорциум W3C перечисляет 16 валидных названий цветов для HTML и CSS: aqua (аквамарин), black (черный), blue (синий), fuchsia (фуксиновый), gray (серый), green (зеленый), lime (лайм или салатовый), maroon (каштановый), navy (ультрамарин), olive (оливковый), purple (пурпурный), red (красный), silver (серебристый), teal (сизый), white (белый) и yellow (желтый).

При использовании цветов, не входящих в этот список, правильнее будет использовать их шестнадцатиричный код (HEX) или код RGB.

Безопасные цвета

Несколько лет назад, когда компьютеры могли поддерживать максимум 256 различных цветов, был предложен список из 216 «Безопасных web-цветов» с 40 цветами, зарезервированными для системы.

Эта 216-цветная палитра была создана для того, чтобы правильно отобразить цвета в режиме 256-цветной палитры.

Теперь это не важно, потому что большинство компьютеров во всем мире поддерживают миллионы оттенков цвета. В любом случае вот список этих цветов:

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

Коды цветов в CSS используются для указания цвета. Как правило, коды цвета или цветовые значения используются для установки цвета либо для переднего плана элемента (например, цвет текста, ссылки), либо для фона элемента (цвет фона, блока). Они также могут использоваться для изменения цвета кнопки, границ, маркера, при наведении и других декоративных эффектов.

Вы можете задать свои значения цвета в различных форматах. В следующей таблице перечислены все возможные форматы:

Ниже более подробно описаны перечисленные форматы.

Цвета CSS — шестнадцатеричные коды

Шестнадцатеричный код цвета — это шестизначное представление цвета. Первые две цифры (RR) — представляют собой красное значение, следующие две — это зеленое значение (GG), а последние — синее значение (BB).

Цвета CSS — короткие шестнадцатеричные коды

Короткий шестнадцатеричный код цвета — это более короткая форма шестизначной нотации. В этом формате каждая цифра повторяется, чтобы получить эквивалентное шестизначное значение цвета. Например: #0F0 становится #00FF00.

Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Core Draw и др.

Каждому шестнадцатеричному коду цвета в CSS будет предшествовать знак хеша «#». Ниже приведены примеры использования шестнадцатеричных обозначений.

Цвета CSS — RGB значения

RGB значение — это код цвета, который задается с помощью свойства rgb(). Это свойство принимает три значения: по одному для красного, зеленого и синего. Значение может быть целым числом, от 0 до 255, или процентом.

Примечание: не все браузеры поддерживают свойство rgb() цвета, поэтому не рекомендуется его использовать.

Ниже приведен пример, показывающий несколько цветов с использованием значений RGB.

Генератор цветовых кодов

Вы можете создавать миллионы цветовых кодов с помощью нашего сервиса .

Безопасные цвета браузера

Ниже представлена таблица из 216 цветов, которые наиболее безопасные и независимые от компьютера. Эти цвета в CSS варьируются от 000000 до FFFFFF шестнадцатеричного кода. Они безопасны в использовании, поскольку гарантируют, что все компьютеры будут правильно отображать цвет при работе с 256 цветовой палитрой.

Таблица «безопасных» цветов в CSS
#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

Цвет сети — frwiki.wiki

Термин « веб-цвета» относится к набору цветов, на которые ссылается ключевое слово в языках описания страниц на языке гипертекстовой разметки (HTML) и каскадной таблице стилей (CSS).

Авторы веб-страниц могут численно указать цвета элементов, составляющих веб-документ, несколькими способами: с помощью кода, объединяющего шестнадцатеричные значения RGB  ; тройкой, дающей эти значения в десятичной форме от 0 до 255 или в процентах; по ссылкам Hue Saturation Luminosity . Чтобы упростить кодирование, авторы могут вызывать цвета из палитры из 216 цветов, распределенных по цветовому пространству экрана, с помощью ключевого слова, основанного на обозначении на английском языке .

Экономия графических средств лежит в основе количества цветов. Персональные компьютеры, современные для определения цвета в Интернете, обладали достаточно ограниченной производительностью обработки, поэтому было предпочтительнее обрабатывать однобайтовые индексы палитры . Эти названия цвета , связанные более подробно , чем коды. Они отражают американский обиход, когда решение первых авторов совпадает с этим. Это ключевые слова, которые программы компьютерной локализации не переводят.

Ранние версии Mosaic и браузера Netscape использовали названия цветов X11 в качестве основы для своего списка цветов, поскольку обе программы начинались как приложения X Window System .

Колориметрии цветов на экране зависит от его изготовления и установки, но цвета полотна должны, в любом случае, дают оттенки отличаются друг от друга.

Цветовая кодировка компьютера

Экраны воспроизводят цвета с помощью системы аддитивного синтеза с использованием трех типов красного, зеленого и синего люминофоров, достаточно малых, чтобы сливаться друг с другом на нормальном расстоянии просмотра. Сила проходящего через них электрического тока определяет их яркость . Человеческий глаз может различать, для каждого цвета, сто уровней яркости. Следовательно, можно количественно измерить токи люминофора с помощью семи или восьми битов. Требуется восьмибитное кодирование, соответствующее байту , основному элементу процессоров.

Простейшее компьютерное кодирование цвета состоит в том, чтобы дать каждому пикселю , то есть любому элементу изображения, три значения в одном байте, непосредственно соответствующие яркости. HTML и CSS принимают нотацию, в rgb(45,40,15)​которой числа представляют собой процентное значение для красного, зеленого и синего, и сжатую нотацию #08A12C​, где код после # агглютинирует три шестнадцатеричных значения , которые непосредственно соответствуют байтам управления люминофором.

Языки описания страниц HTML CSS также принимают более интуитивное описание, свет насыщенности оттенка ( Hue Saturation Lightness ), определяя оттенок по углу от 0 (красный) до 360 °, где зеленый — 120, синий — 240, а промежуточные цвета в пропорциональном градиенте, насыщенности и яркости в процентах.

Названия цветов HTML

Спецификация HTML 4.01 определяет 16 именованных цветов, на которые ссылаются 18 ключевых слов на английском языке (есть две пары синонимов), при использовании которых регистр не учитывается . (Французские переводы в круглых скобках являются ориентировочными и не являются допустимыми атрибутами в HTML.) Эти атрибуты и эквивалентное шестнадцатеричное значение красный-зеленый-синий находятся в алфавитном порядке:

Эти цвета включены в спецификации HTML 3.0, в которых отмечается, что «Эти цвета взяты из 16 стандартных цветов, поддерживаемых палитрой Windows VGA . «

Названия цветов SVG 1.0

В браузерах определили количество цвета ключевого слова. Конкретный браузер может не распознавать все эти цвета, но с 2005 года все современные широко используемые браузеры поддерживают полный список. Многие из этих цветов взяты из списка названий цветов X11 , предоставленных системой X взвешивания . Эти цвета стандартизированы SVG 1.0 и распознаются посетителями SVG Full . Они не являются частью SVG Tiny .

Имена, используемые в .NET framework , почти идентичны в перечислениях Color и KnownColor. Единственный другой цвет — DarkSeaGreen, который определяется как 8F, BC, 8B (вместо 8F, BC, 8F).

Список цветов, фактически определенных в X11, варьируется в зависимости от реализации и конфликтует с рядом имен HTML, как в случае с зеленым. По этой причине список цветов, найденный в X11 (то есть /usr/lib/X11/rgb.txt), не следует напрямую использовать для выбора цветов для Интернета.

Список «цветов X11» спецификации CSS3, вместе с их шестнадцатеричными и десятичными эквивалентами, показан ниже.

HTML имя Шестнадцатеричный код .
RGB
Код дек.
RGB
Красные цвета
ИндийскийКрасный CD 5C 5C 205 92 92
LightCoral F0 80 80 240 128 128
Лосось FA 80 72 250 128 114
Темный лосось E9 96 7A 233 150 122
Светлый лосось FF A0 7A 255 160 122
малиновый DC 14 3C 220 20 60
красный FF 00 00 255 0 0
Огнеупорный кирпич B2 22 22 178 34 34
Темно-красный 8B 00 00 139 0 0
Бордовый 800 000 128 0 0
Розовый FF C0 CB 255 192 203
Светло-розовый FF B6 C1 255 182 193
Ярко-розовый FF 69 B4 255 105 180
Темно-розовый FF 14 93 255 20 147
СреднийФиолетовыйКрасный C7 15 85 199 21 133
БледныйПурпурныйКрасный DB 70 93 219 112 147
Оранжевые цвета
Коралловый FF 7F 50 255 127 80
Помидор FF 63 47 255 99 71
Оранжево-красный FF 45 00 255 69 0
Темно-оранжевый FF 8C 00 255 140 0
апельсин FF A5 00 255 165 0
Желтые цвета
Золото FF D7 00 255 215 0
Желтый FF FF 00 255 255 0
Светло-желтого FF FF E0 255 255 224
Лимонная ткань FF FA CD 255 250 205
СветЗолотоходЖелтый FA FA D2 250 250 210
Папайя FF EF D5 255 239 213
Мокасины FF E4 B5 255 228 181
Персикпафф FF DA B9 255 218 185
Бледный EE E8 AA 238 232 170
Цвет хаки F0 E6 8C 240 230 140
Темный хаки BD B7 6B 189 183 107
Фиолетовые цвета
Лаванда E6 E6 FA 230 230 250
Чертополох D8 BF D8 216 191 216
слива DD A0 DD 221 160 221
Фиолетовый EE 82 EE 238 130 238
Орхидея DA 70 D6 218 112 214
Фуксия FF 00 FF 255 0 255
Пурпурный FF 00 FF 255 0 255
Средняя Орхидея BA 55 D3 186 85 211
СреднийФиолетовый 93 70 ДБ 147 112 219
Сине-фиолетовый 8A 2B E2 138 43 226
Темно-фиолетовый 94 00 D3 148 0 211
Темная Орхидея 99 32 куб. 153 50 204
Темно-пурпурный 8B 00 8B 139 0 139
Фиолетовый 80 00 80 128 0 128
Индиго 4B 00 82 75 0130
СланецСиний 6A 5A CD 106 90 205
ТемныйПланшетСиний 48 3Д 8Б 72 61 139
HTML имя Шестнадцатеричный код .
RGB
Код дек.
RGB
Зеленые цвета
Желто-зеленый AD FF 2F 173 255 47
Шартрез 7F FF 00 127 255 0
ГазонЗеленый 7C FC 00 124 252 0
Лайм 00 FF 00 0 255 0
Лаймзеленый 32 CD 32 50 205 50
Бледно-зеленый 98 FB 98 152 251 152
Светло-зеленый 90 EE 90 144 238 144
СреднийВеснаЗеленый 00 FA 9A 0 250 154
ВеснаЗеленый 00 FF 7F 0 255 127
СреднийМореЗеленый 3C B3 71 60 179 113
Цвет морской волны 2Э 8Б 57 46 139 87
Зеленый лес 22 8Б 22 34 139 34
Зеленый 00 80 00 0 128 0
Темно-зеленый 00 64 00 0 100 0
Желтый зеленый 9А КД 32 154 205 50
OliveDrab 6B 8E 23 107 142 35
Оливковое 80 80 00 128 128 0
ТемноОливзеленый 55 6Б 2Ф 85 107 47
СреднийАквамарин 66 CD AA 102 205 170
ТемноМореЗеленый 8F BC 8F 143 188 143
СветМореЗеленый 20 B2 AA 32 178 170
DarkCyan 00 8B 8B 0 139 139
Бирюзовый 00 80 80 0 128 128
Синие цвета
Аква 00 FF FF 0 255 255
Голубой 00 FF FF 0 255 255
LightCyan E0 FF FF 224 255 255
Бледно-бирюзовый AF EE EE 175 238 238
Аквамарин 7F FF D4 127 255 212
Бирюзовый 40 E0 D0 64 224 208
СреднийБирюзовый 48 D1 CC 72 209 204
Темно-бирюзовый 00 CE D1 0 206 209
КадетСиний 5F 9E A0 95 158 160
Стальной синий 46 82 B4 70 130 180
СветСтальСиний B0 C4 DE 176 196 222
ПудраСиний B0 E0 E6 176 224 230
Светло-синий AD D8 E6 173 216 230
Голубое небо 87 CE EB 135 206 235
СветНебоСиний 87 CE FA 135 206 250
DeepSkyBlue 00 BF FF 0 191 255
ДоджерСиний 1E 90 FF 30 144 255
ВасилекСиний 64 95 ED 100 149 237
СреднийШифтСиний 7B 68 EE 123 104 238
Королевский синий 41 69 E1 65 105 225
Синий 00 00 FF 0 0 255
СреднийСиний 00 00 CD 0 0 205
Темно-синий 00 00 8B 0 0 139
военно-морской 00 00 80 0 0 128
Темно-синий 19 19 70 25 25 112
HTML имя Шестнадцатеричный код .
RGB
Код дек.
RGB
Коричневые цвета
Кукурузные рыльца FF F8 DC 255 248 220
Отбеленный миндаль FF EB CD 255 235 205
Биск FF E4 C4 255 228 196
НавахоБелый FF DE AD 255 222 173
Пшеница F5 DE B3 245 222 179
BurlyWood ОТ B8 87 222 184 135
Загар D2 B4 8C 210 180 140
Розово-коричневый BC 8F 8F 188 143 143
SandyBrown F4 A4 60 244 164 96
Золотарник DA A5 20 218 165 32
Темный B8 86 0B 184 134 11
Перу CD 85 3F 205 133 63
Шоколад D2 69 1E 210 105 30
СедлоКоричневый 8B 45 13 139 69 19
Сиенна A0 52 2D 160 82 45
коричневый A5 2A 2A 165 42 42
Белые цвета
белый FF FF FF 255 255 255
Снег FF FA FA 255 250 250
Нектар F0 FF F0 240 255 240
MintCream F5 FF FA 245 255 250
Лазурь F0 FF FF 240 255 255
Aliceblue F0 F8 FF 240 248 255
ПризракБелый F8 F8 FF 248 248 255
Белый дым F5 F5 F5 245 245 245
Морская ракушка FF F5 EE 255 245 238
Бежевый F5 F5 DC 245 245 220
OldLace FD F5 E6 253 245 230
ЦветочныйБелый FF FA F0 255 250 240
Слоновая кость FF FF F0 255 255 240
АнтичныйБелый FA EB D7 250 235 215
Белье FA F0 E6 250 240 230
Бледно-лиловый FF F0 F5 255 240 245
МистиРоуз FF E4 E1 255 228 225
Серые цвета
Gainsboro Постоянный ток постоянный ток постоянный ток 220 220 220
Светло-серый D3 D3 D3 211 211 211
Серебро C0 C0 C0 192 192 192
Темно-серый A9 A9 A9 169 169 169
серый 80 80 80 128 128 128
DimGray 69 69 69 105 105 105
СветПланшетСерый 77 88 99 119 136 153
Шифер серый 70 80 90 112 128 144
ТемныйПланшетСерый 2 этаж 4 этаж 4 этаж 47 79 79
Чернить 00 00 00 0 0 0

Гарантированные цвета в сети

Набор цветов, которые можно было отображать прямо на экранах с 256-цветной видеокартой, был необходим во времена установления стандартов Интернета. Для веб- палитры цветов был выбран набор из шести уровней красного, зеленого и синего, что дает 216 цветов (6 × 6 × 6 = 216). Операционные системы могут использовать 40 неназначенных значений.

«Безопасные» уровни
шестнадцатеричный байт десятичный %
0 0 0x00 0 0
1 3 0x33 51 20
2 6 0x66 102 40
3 9 0x99 153 60
4 ПРОТИВ 0xCC 204 80
5 F 0xFF 255 100

Коды этих 216 цветов, выбранных из-за их простоты, независимо от эстетики или полезности, могут быть вызваны с помощью краткой формы #NNN. Большой размер шкалы, составляющий одну пятую от максимального, гарантирует, что цвета будут разными и различимыми независимо от производителя или настройки экрана. Только небольшая часть соответствует тому, что называют ключевыми словами.

Список цветов был представлен так, как будто он обладал особыми свойствами. Приложения могут изменить таблицу поиска палитры видеокарты на 256 цветов. Цвета Интернета — это те, которые выбирали основные браузерные приложения того времени, которые принципиально не отличались.

Цвета, гарантированные в Интернете, имели недостаток, в таких системах, как X11, где палитра разделяется между приложениями, меньшие цветовые кубы RGB (5 × 5 × 5 или 4 × 4 × 4) часто выделяются браузерами, поэтому гарантированные цвета на Интернет работает на таких системах. Лучшие результаты были получены за счет предоставления изображения с более широкой цветовой гаммой и разрешения браузеру при необходимости квантовать цветовое пространство вместо потери качества из-за двойного квантования [см. необходимо] .

В первые годы XXI — го  века , во главе с потребностями видеоигры и цифровой фотографии, персональные компьютеры, по крайней мере , 16 — битный цвет и обычно 24-разрядное ( истинный цвет ). Даже мобильные устройства имеют как минимум 16-битные цвета благодаря опциям камеры на мобильных телефонах [ исх.  желаемый] . Использование гарантированных веб-цветов вышло из употребления, но сохраняется в фольклоре [ исх.  желаемый] .

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

В следующей таблице показаны все цвета, «гарантированные для Интернета», но также выделены действительно гарантированные цвета . Отсутствие гамма-коррекции означает, что шесть желаемых значений интенсивности: 0%, 20%, 40%, 60%, 80% и 100% отображаются как 0%, 2%, 10%, 28%, 57% и 100%. в стандартном ЭЛТ или ЖК-экране с гамма-градацией 2,5, что делает большинство цветов очень темными. Интенсивности в нижней части диапазона, особенно между 0 и 3, почти неотличимы друг от друга на несоответствующем или нерегулируемом экране sRGB [см. необходимо] .

Цвета здесь представлены в сокращенном виде (три шестнадцатеричных цифры).

Цвета всегда гарантированы в сети
* 000 * 300 600 900 C00 * F00 *
* 003 * 303 603 903 C03 * F03 *
006 306 606 906 C06 F06
009 309 609 909 C09 F09
00C 30C 60C 90C C0C F0C
* 00F * 30F 60F 90F C0F * F0F *
030 330 630 930 C30 F30
033 333 633 933 C33 F33
036 336 636 936 C36 F36
039 339 639 939 C39 F39
03C 33C 63C 93C C3C F3C
03F 33F 63F 93F C3F F3F
060 360 660 960 C60 F60
063 363 663 963 C63 F63
066 366 666 966 C66 F66
069 369 669 969 C69 F69
06C 36C 66C 96C C6C F6C
06F 36F 66F 96F C6F F6F
090 390 690 990 C90 F90
093 393 693 993 C93 F93
096 396 696 996 C96 F96
099 399 699 999 C99 F99
09C 39C 69C 99C C9C F9C
09F 39F 69F 99F C9F F9F
0C0 3C0 6C0 9C0 CC0 FC0
0C3 3C3 6C3 9C3 CC3 FC3
0C6 3C6 6C6 9C6 CC6 FC6
0C9 3C9 6C9 9C9 CC9 FC9
0CC 3CC 6CC 9CC CCC FCC
0CF 3CF 6CF 9CF CCF FCF
* 0F0 * 3F0 * 6F0 * 9F0 CF0 * FF0 *
0F3 * 3F3 * * 6F3 * 9F3 CF3 * FF3 *
* 0F6 * * 3F6 * 6F6 9F6 * CF6 * * FF6 *
0F9 3F9 6F9 9F9 CF9 FF9
* 0FC * * 3FC * 6FC 9FC CFC FFC
* 0FF * * 3FF * * 6FF * 9FF CFF * FFF *

Действительно гарантированные цвета для Интернета

Дизайнерам часто рекомендуется придерживаться 216 гарантированных веб-цветов при создании своих веб-сайтов; Когда была создана палитра 216 цветов, 8-битные цветные мониторы были более распространены, чем сегодня. Дэвид Лен и Хэдли Стерн обнаружили, что только 22 из 216 цветов в палитре точно отображаются без непоследовательного переназначения на 16-битных мониторах. Они назвали эти 22 цвета «действительно безопасной» палитрой ; он в основном состоит из оттенков зеленого и желтого, как видно из таблицы выше , где действительно безопасные цвета подчеркнуты.

Цвета, используемые в CSS

Язык каскадных таблиц стилей (Cascading Style Sheets, CSS) определяет такое же количество цветов и те же названия цветов в спецификации HTML 4, то есть 16 цветов, перечисленных выше.

Кроме того, CSS 2.1 добавляет в список название цвета «оранжевый»:

CSS 2, SVG и CSS 2.1 позволяют авторам веб-страниц использовать так называемые «системные цвета», которые представляют собой названия цветов, значение которых поступает из операционной системы . Это позволяет авторам веб-документов стилизовать свое встроенное содержимое с цветами, определенными в рабочей среде пользователя. В начале 2004 года оказалось, что цветовой модуль CSS 3 снова сбросит эти значения, сделав их устаревшими , но это может измениться.

Спецификация CSS3 также ввела значения цветового пространства HSL в таблицы стилей:

/* modèle RVB */
p { color: #F00 }              /* #rgb */
p { color: #FF0000 }           /* #rrggbb */
p { color: rgb(255,0,0) }      /* intervalle entier 0 - 255 */
p { color: rgb(100%, 0%, 0%) } /* intervalle à virgule flottante 0,0 % - 100,0 % */
/* RVB avec canal alpha, ajouté à partir de CSS3 */
p { color: rgba(255,0,0,0.5) }  /* intervalle à virgule flottante 0 - 1, 0,5 étant semi-transparent */
/* modèle TSL, ajouté à partir de CSS3 */
p { color: hsl(0, 100%, 50%) }   /* rouge */
p { color: hsl(120, 100%, 50%) } /* vert */ 
p { color: hsl(120, 100%, 25%) } /* vert clair */ 
p { color: hsl(120, 100%, 75%) } /* vert foncé */ 
p { color: hsl(120, 50%, 50%) }  /* vert pastel */
/* TSL avec canal alpha */
p { color: hsla(120, 100%, 50%, 1) }   /* vert */
p { color: hsla(120, 100%, 50%, 0.5) } /* vert semi-transparent */
p { color: hsla(120, 100%, 50%, 0.1) } /* vert très transparent */

Доступность

Использование цвета на веб-страницах регулируется двумя правилами доступности в соответствии со стандартами доступности WCAG, определенными W3C  :

  • Никакая информация не должна передаваться одним цветом. Действительно, это не будет заметно для некоторых пользователей, например для слепых, просматривающих с помощью программы чтения с экрана . Это также будет сложно понять другим пользователям с нарушениями зрения, в частности, дальтоникам . Поэтому цвет должен сопровождаться другим средством передачи информации, будь то графическое, текстовое или структурное . Это правило подпадает под уровень приоритета 1 WCAG, то есть минимальный уровень доступности сайта.
  • При таком использовании цвета необходимо обеспечить достаточный уровень контраста с фоном. Это правило применяется как к изображениям, так и к текстовому контенту. В зависимости от случая он подпадает под средний или оптимальный уровень доступности сайта. Измерение этого уровня контрастности и допустимые пороги незначительно различаются в зависимости от методов приложения WCAG.

Библиография

Статьи по Теме

Примечания и ссылки


Код светло синего цвета — Все о Лада Гранта

На данной странице представлены специальные ключевые слова, которые можно применять для обозначения того или иного цвета на интернет сайтах, и при разработке на языках программирования для Web, таких как HTML, CSS, JavaScript, Flash, и др.

В ранних спецификациях W3C было определено всего 16 ключевых цветов. В более поздних спецификациях дополнительно было определено ещё 130 различных названий цветов. Следующая таблица содержит имена, и образцы цветов, которые ассоциируются с этими именами.

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

Имена цветов в HTML не чувствительны к регистру, и могут записываться в любой форме

Также стоит отметить, что имея 147 различных ключевых слов (17 старых и 130 новых), не все цвета в этом списке уникальны. Некоторые имена обозначают один и тот же цвет. Так, например, и Grey, и Gray обозначают 50-процентный серый цвет #808080, а Magenta — это лишь синоним HTML цвета Fuchsia, и ссылается на шестнадцатеричный код цвета #FF00FF.

Цвета html обозначаются шестью символами после символа слеш — например, #000000. Эти шесть символов обозначают доли различных цветов (Красного, Зеленого и Синего цветов (Red, Green, Blue)) в итоговом цвете. В мониторе вашего комьютера изображение формируется из огромного количества точек, называемых пикселями. Каждый пиксел — это маленький источник света, назовём его «фонарик», который в свою очередь состоит из трех фонариков — красного, зеленого и синего цвета. Уменьшая или увеличивая интенсивность свечения отдельных цветных фонариков, мы получаем нужный цвет.

Коды цветов html

Цвета в HTML обозначаются шестнадцатиричным (HEX) обозначением сочетания красного, синего и зеленого цвета (RGB).

Наименьшим значением цвета является 0 (шестнадцатиричное 00). Наибольшим значением цвета является 255 (шестнадцатиричное FF).

Шестнадцатиричное значение цвета представляет из себя три цифры, начинающиеся со знака #.

Коды (значения) цветов

Цвет Код HEX Код RGB
#000000 rgb(0,0,0)
#FF0000 rgb(255,0,0)
#00FF00 rgb(0,255,0)
#0000FF rgb(0,0,255)
#FFFF00 rgb(255,255,0)
#00FFFF rgb(0,255,255)
#FF00FF rgb(255,0,255)
#C0C0C0 rgb(192,192,192)
#FFFFFF rgb(255,255,255)

16 миллионов оттенков

Сочетание красного, синего и зеленого цветов со значениями с долей каждого цвета от 0 до 255 дают в сумме более 16 миллионов оттенков (256 x 256 x 256).

Большинство современных мониторов способны отобразить не меньше 16384 различных оттенков (ЖК-мониторы, в основном, способны отображать 262 тысячи 16 миллионов (обновлено в октябре 2013 г.) цветов, а ЭЛТ-мониторы способны отображать практически неограниченное количество цветов).

В цветовой таблице ниже приведено изменение доли красного цвета с 0 до 255 при нулевых значениях синего и зеленого цветов:

Красный Код HEX Код RGB
#000000 rgb(0,0,0)
#080000 rgb(8,0,0)
#100000 rgb(16,0,0)
#180000 rgb(24,0,0)
#200000 rgb(32,0,0)
#280000 rgb(40,0,0)
#300000 rgb(48,0,0)
#380000 rgb(56,0,0)
#400000 rgb(64,0,0)
#480000 rgb(72,0,0)
#500000 rgb(80,0,0)
#580000 rgb(88,0,0)
#600000 rgb(96,0,0)
#680000 rgb(104,0,0)
#700000 rgb(112,0,0)
#780000 rgb(120,0,0)
#800000 rgb(128,0,0)
#880000 rgb(136,0,0)
#900000 rgb(144,0,0)
#980000 rgb(152,0,0)
#A00000 rgb(160,0,0)
#A80000 rgb(168,0,0)
#B00000 rgb(176,0,0)
#B80000 rgb(184,0,0)
#C00000 rgb(192,0,0)
#C80000 rgb(200,0,0)
#D00000 rgb(208,0,0)
#D80000 rgb(216,0,0)
#E00000 rgb(224,0,0)
#E80000 rgb(232,0,0)
#F00000 rgb(240,0,0)
#F80000 rgb(248,0,0)
#FF0000 rgb(255,0,0)

Оттенки серого

Для получение оттенков серого цвета используются равные доли всех цветов. Для облегчения выбора нужного цвета мы приводим вам коды оттенков серого цвета

Оттенки серого Код HEX Код RGB
#000000 rgb(0,0,0)
#080808 rgb(8,8,8)
#101010 rgb(16,16,16)
#181818 rgb(24,24,24)
#202020 rgb(32,32,32)
#282828 rgb(40,40,40)
#303030 rgb(48,48,48)
#383838 rgb(56,56,56)
#404040 rgb(64,64,64)
#484848 rgb(72,72,72)
#505050 rgb(80,80,80)
#585858 rgb(88,88,88)
#606060 rgb(96,96,96)
#686868 rgb(104,104,104)
#707070 rgb(112,112,112)
#787878 rgb(120,120,120)
#808080 rgb(128,128,128)
#888888 rgb(136,136,136)
#909090 rgb(144,144,144)
#989898 rgb(152,152,152)
#A0A0A0 rgb(160,160,160)
#A8A8A8 rgb(168,168,168)
#B0B0B0 rgb(176,176,176)
#B8B8B8 rgb(184,184,184)
#C0C0C0 rgb(192,192,192)
#C8C8C8 rgb(200,200,200)
#D0D0D0 rgb(208,208,208)
#D8D8D8 rgb(216,216,216)
#E0E0E0 rgb(224,224,224)
#E8E8E8 rgb(232,232,232)
#F0F0F0 rgb(240,240,240)
#F8F8F8 rgb(248,248,248)
#FFFFFF rgb(255,255,255)

Кросс-браузерные (для всех браузеров) названия цветов html

Коллекция из 150 названий цветов в html, поддерживаемых во всех браузерах.

Стандартизированные названия цветов

Консорциум W3C перечисляет 16 валидных названий цветов для HTML и CSS: aqua (аквамарин), black (черный), blue (синий), fuchsia (фуксиновый), gray (серый), green (зеленый), lime (лайм или салатовый), maroon (каштановый), navy (ультрамарин), olive (оливковый), purple (пурпурный), red (красный), silver (серебристый), teal (сизый), white (белый) и yellow (желтый).

При использовании цветов, не входящих в этот список, правильнее будет использовать их шестнадцатиричный код (HEX) или код RGB.

Безопасные цвета

Несколько лет назад, когда компьютеры могли поддерживать максимум 256 различных цветов, был предложен список из 216 «Безопасных web-цветов» с 40 цветами, зарезервированными для системы.

Эта 216-цветная палитра была создана для того, чтобы правильно отобразить цвета в режиме 256-цветной палитры.

Теперь это не важно, потому что большинство компьютеров во всем мире поддерживают миллионы оттенков цвета. В любом случае вот список этих цветов:

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

Интересное:

Понравилась запись? Сказать «Спасибо» очень просто, поделитесь записью в социальных сетях!

Разработчикам дизайнов сайтов, да и просто сайтостроителям, часто приходится подбирать какие-то цветовые гаммы, чтобы сайт смотрелся красиво и удобно. Как известно, задать цвета в html можно с помощью трех способов (записаны в порядке понижения популярности их применения):

Как можно задать цвет в CSS

1. Задание цвета в виде шести цифр шестнадцатеричного кода

Синтаксис этого способа: # XXXXXX . Первые две цифры отвечают за красный цвет (Red), вторые две цифры за зеленый (Green) и последние две цифры за синий цвет (Blue). Сокращенно его называют RGB. Этот метод встречается чаще всего среди вебмастеров, поскольку он позволяет точно подобрать нужный оттенок цвета.

Возможна более краткая запись в виде трех шестнадцатеричных цифры: # XXX . Поскольку каждый из цветов определяется двухзначным шестнадцатеричным числом, то в данном случае каждая цифра дублируется. Например, # ABC будет равнозначен коду # AABBCC . Аналогично с цифрами.

2. Задание цвета через его название

Самый простой и понятный способ задания цвета — просто написать его название. Сразу скажу, что не для каждого цвета есть свое название, а только для некоторых. Однако этих цветов так много, что, скорее всего, Вы сможете подобрать подходящий для Вас вариант.

3. Задание цвета в виде трех десятичных чисел

Этот способ похож на предыдущий, однако имеет более сложный синтаксис: rgb (XYZ,XYZ,XYZ) , где X, Y, Z — любые десятичные цифры, но XYZ не должно превышать 255. Как и в предыдущем случае каждый из трех чисел отвечает за какой-то цвет (красный, зелёный, синий).

Ниже представлена таблица цветов html, в которой можно посмотреть его название, посмотреть как он выглядит, узнать RGB и html код цвета.

Что это — таблица цветов HTML, и для чего она нужна?

Оформляя сайт, особенно разрабатывая его дизайн с нуля, многие сталкиваются с такой проблемой, как раскрашивание страницы сайта, таблиц, текста. Во многих конструкторах сайтов есть специальные модули и кнопки, с помощью которых и задаются данные параметры. Но далеко не все они обладают широким функционалом. Вот тут-то и приходит на помощь таблица цветов HTML.

Что такое таблица цветов

В программировании, вне зависимости от языка, многие команды и параметры задаются специальными короткими обозначениями. Не стал исключением и язык HTML-разметки. Он имеет достаточно широкий набор команд и обозначений.

Для того чтобы раскрасить элемент страницы или текста в нужный оттенок, следует знать о таком понятии, как таблица HTML-кодов цветов. В ней содержатся основные коды того или иного цвета или оттенка. Использовав их, можно задать тон любого элемента, прописав его в определенном тэге.

Код в таблице передается с помощью шестнадцатеричной системы. Каждый цвет состоит из шести символов. Каждая пара символов обозначает интенсивность того или иного цвета. Первая из них отвечает за красный цвет, вторая – за зеленый, третья – за синий.

Код цвета всегда начинается со знака решетки (#). Например, код черного будет выглядеть так: «#000000».

Стоит отметить, что некоторые веб-мастера используют укороченный вариант кода, используя всего лишь три символа – по одному из пары. Но все же мы рекомендуем вам применять общепринятые обозначения.

Какие бывают таблицы цветов для HTML

Таблица цветов HTML представлена в нескольких вариантах. Первый — базовые цвета. Их всего шестнадцать. Сюда относятся такие цвета, как красный, серый, серебристый, белый, черный, зеленый, синий, голубой, желтый и прочие. Их довольно удобно использовать для оформления текста, так как все они достаточно насыщенные и яркие. Далее можно выделить так называемую «Таблицу безопасных цветов», которая насчитывает 216 оттенков, отображаемых на любой видеокарте. Эту таблицу довольно легко найти в любом учебнике по HTML. Стоит отметить, что она подойдет в том случае, если вы занимаетесь непосредственно дизайном сайта или страницы, и вам нужны именно оттенки цветов — как насыщенные, так и довольно легкие и едва заметные.

Также позволим себе выделить таблицу оттенков серого цвета, которая содержит более 10 вариантов. Она также подойдет для дизайна сайта, в особенности для фона-подложки под основной текст. Любые из этих кодов можно использовать и в том случае, если вам нужно задать цвет текста в таблице HTML для сносок или мелких приписок.

Чем заменить?

Что делать, если под рукой нет таблицы цветов? Этот вариант исключать нельзя, даже несмотря на то, что она довольно широко используется и относится к открытой и доступной информации.

Если у вас нет возможности найти данный материал, можно записать цвет в процентном соотношении. При этом знак решетки вам не потребуется. Но задавать оттенок таким способом довольно трудно и муторно, так как вы никогда не будете знать заранее, что у вас может получиться. Запись в таком формате может выглядеть примерно так: «10P %». Однако такой способ записи цвета мы не рекомендуем. Таблица цветов HTML будет намного надежнее, чем такие эксперименты.

Третий способ задать цвет – написать его название на английском. В основном браузеры читают и адекватно воспринимают названия основных цветов, а также их оттенков, помеченных значениями dark (темно), light (светло). К примеру, черный цвет задается как Black, а темно-красный – DarkRed.

Выводы

Таблица цветов HTML – одна из наиболее важных вещей, о которых стоит знать веб-дизайнерам. С ее помощью можно «раскрасить» страницы сайта, текст, таблицы и прочие элементы.

Таблица содержит наиболее употребляемые цвета и их коды, состоящие из трех пар знаков, обозначающих интенсивность красного, зеленого и синих цветов. Найти ее можно в любом учебнике по HTML.

В случае если у вас под рукой нет таблицы, можно задать цвет, используя его название на английском языке.

по шестнадцатеричному значению, по названию, в формате RGB, RGBA, HSL, HSLA. Безопасные цвета браузера

Таблица (палитра) цветов html предоставляет вам возможность самостоятельно подобрать нужный вам тон. Значение цвета отображается в трех форматах: Hex, RGB и HSV.

  • Hex состоит из трех двух символьных значений в шестнадцатеричной системе счисления. Например: #ff00b3, где первая пара чисел — красный, вторая — зеленый, а третья — синий.
  • RGB (RedGreenBlue) имеет вид «200,100,255», обозначающее количество соответствующего тона(красный,зеленый,синий) в получаемом цвете.
  • HSV (Hue, Saturation, Value — тон, насыщенность, значение) — цветовая модель, в которой в качестве координат являются:
    • Hue — цветовой тон, может варьироваться в пределах от 0° до 360°.
    • Saturation — насыщенность, варьируется в пределах 0-100 или 0-1. Чем больше этот параметр, тем «чище» цвет, поэтому этот параметр иногда называют чистотой цвета. А чем ближе этот параметр к нулю, тем ближе цвет к нейтральному серому.
    • Value (значение цвета) — задает яркость, значение так же может варьироваться в пределах 0-100 или 0-1.

Введите код цвета: GO

Список цветов с названиями

В таблице перечислены названия цветов на английском языке (которые можно использовать в качестве значений), поддерживаемые всеми браузерами, и их шестнадцатеричные значения. Все перечисленные цвета являются «безопасными», то есть во всех браузерах будут отображаться одинаково.

Название цвета HEX Цвет
Black #000000
Navy #000080
DarkBlue #00008B
MediumBlue #0000CD
Blue #0000FF
DarkGreen #006400
Green #008000
Teal #008080
DarkCyan #008B8B
DeepSkyBlue #00BFFF
DarkTurquoise #00CED1
MediumSpringGreen #00FA9A
Lime #00FF00
SpringGreen #00FF7F
Aqua #00FFFF
Cyan #00FFFF
MidnightBlue #191970
DodgerBlue #1E90FF
LightSeaGreen #20B2AA
ForestGreen #228B22
SeaGreen #2E8B57
DarkSlateGray #2F4F4F
LimeGreen #32CD32
MediumSeaGreen #3CB371
Turquoise #40E0D0
RoyalBlue #4169E1
SteelBlue #4682B4
DarkSlateBlue #483D8B
MediumTurquoise #48D1CC
Indigo #4B0082
DarkOliveGreen #556B2F
CadetBlue #5F9EA0
CornflowerBlue #6495ED
MediumAquaMarine #66CDAA
DimGray #696969
SlateBlue #6A5ACD
OliveDrab #6B8E23
SlateGray #708090
LightSlateGray #778899
MediumSlateBlue #7B68EE
LawnGreen #7CFC00
Chartreuse #7FFF00
Aquamarine #7FFFD4
Maroon #800000
Purple #800080
Olive #808000
Gray #808080
SkyBlue #87CEEB
LightSkyBlue #87CEFA
BlueViolet #8A2BE2
DarkRed #8B0000
DarkMagenta #8B008B
SaddleBrown #8B4513
DarkSeaGreen #8FBC8F
LightGreen #90EE90
MediumPurple #9370D8
DarkViolet #9400D3
PaleGreen #98FB98
DarkOrchid #9932CC
YellowGreen #9ACD32
Sienna #A0522D
Brown #A52A2A
DarkGray #A9A9A9
LightBlue #ADD8E6
GreenYellow #ADFF2F
PaleTurquoise #AFEEEE
LightSteelBlue #B0C4DE
PowderBlue #B0E0E6
FireBrick #B22222
DarkGoldenRod #B8860B
MediumOrchid #BA55D3
RosyBrown #BC8F8F
DarkKhaki #BDB76B
Silver #C0C0C0
MediumVioletRed #C71585
IndianRed #CD5C5C
Peru #CD853F
Chocolate #D2691E
Tan #D2B48C
LightGray #D3D3D3
PaleVioletRed #D87093
Thistle #D8BFD8
Orchid #DA70D6
GoldenRod #DAA520
Crimson #DC143C
Gainsboro #DCDCDC
Plum #DDA0DD
BurlyWood #DEB887
LightCyan #E0FFFF
Lavender #E6E6FA
DarkSalmon #E9967A
Violet #EE82EE
PaleGoldenRod #EEE8AA
LightCoral #F08080
Khaki #F0E68C
AliceBlue #F0F8FF
HoneyDew #F0FFF0
Azure #F0FFFF
SandyBrown #F4A460
Wheat #F5DEB3
Beige #F5F5DC
WhiteSmoke #F5F5F5
MintCream #F5FFFA
GhostWhite #F8F8FF
Salmon #FA8072
AntiqueWhite #FAEBD7
Linen #FAF0E6
LightGoldenRodYellow #FAFAD2
OldLace #FDF5E6
Red #FF0000
Fuchsia #FF00FF
Magenta #FF00FF
DeepPink #FF1493
OrangeRed #FF4500
Tomato #FF6347
HotPink #FF69B4
Coral #FF7F50
Darkorange #FF8C00
LightSalmon #FFA07A
Orange #FFA500
LightPink #FFB6C1
Pink #FFC0CB
Gold #FFD700
PeachPuff #FFDAB9
NavajoWhite #FFDEAD
Moccasin #FFE4B5
Bisque #FFE4C4
MistyRose #FFE4E1
BlanchedAlmond #FFEBCD
PapayaWhip #FFEFD5
LavenderBlush #FFF0F5
SeaShell #FFF5EE
Cornsilk #FFF8DC
LemonChiffon #FFFACD
FloralWhite #FFFAF0
Snow #FFFAFA
Yellow #FFFF00
LightYellow #FFFFE0
Ivory #FFFFF0
White #FFFFFF

Цвета html обозначаются шестью символами после символа слеш — например, #000000. Эти шесть символов обозначают доли различных цветов (Красного, Зеленого и Синего цветов (Red, Green, Blue)) в итоговом цвете. В мониторе вашего комьютера изображение формируется из огромного количества точек, называемых пикселями. Каждый пиксел — это маленький источник света, назовём его «фонарик», который в свою очередь состоит из трех фонариков — красного, зеленого и синего цвета. Уменьшая или увеличивая интенсивность свечения отдельных цветных фонариков, мы получаем нужный цвет.

Коды цветов html

Цвета в HTML обозначаются шестнадцатиричным (HEX) обозначением сочетания красного, синего и зеленого цвета (RGB).

Наименьшим значением цвета является 0 (шестнадцатиричное 00). Наибольшим значением цвета является 255 (шестнадцатиричное FF).

Шестнадцатиричное значение цвета представляет из себя три цифры, начинающиеся со знака #.

Коды (значения) цветов

Цвет Код HEX Код RGB
#000000 rgb(0,0,0)
#FF0000 rgb(255,0,0)
#00FF00 rgb(0,255,0)
#0000FF rgb(0,0,255)
#FFFF00 rgb(255,255,0)
#00FFFF rgb(0,255,255)
#FF00FF rgb(255,0,255)
#C0C0C0 rgb(192,192,192)
#FFFFFF rgb(255,255,255)

16 миллионов оттенков

Сочетание красного, синего и зеленого цветов со значениями с долей каждого цвета от 0 до 255 дают в сумме более 16 миллионов оттенков (256 x 256 x 256).

Большинство современных мониторов способны отобразить не меньше 16384 различных оттенков (ЖК-мониторы, в основном, способны отображать 262 тысячи 16 миллионов (обновлено в октябре 2013 г.) цветов, а ЭЛТ-мониторы способны отображать практически неограниченное количество цветов).

В цветовой таблице ниже приведено изменение доли красного цвета с 0 до 255 при нулевых значениях синего и зеленого цветов:

Красный Код HEX Код RGB
#000000 rgb(0,0,0)
#080000 rgb(8,0,0)
#100000 rgb(16,0,0)
#180000 rgb(24,0,0)
#200000 rgb(32,0,0)
#280000 rgb(40,0,0)
#300000 rgb(48,0,0)
#380000 rgb(56,0,0)
#400000 rgb(64,0,0)
#480000 rgb(72,0,0)
#500000 rgb(80,0,0)
#580000 rgb(88,0,0)
#600000 rgb(96,0,0)
#680000 rgb(104,0,0)
#700000 rgb(112,0,0)
#780000 rgb(120,0,0)
#800000 rgb(128,0,0)
#880000 rgb(136,0,0)
#900000 rgb(144,0,0)
#980000 rgb(152,0,0)
#A00000 rgb(160,0,0)
#A80000 rgb(168,0,0)
#B00000 rgb(176,0,0)
#B80000 rgb(184,0,0)
#C00000 rgb(192,0,0)
#C80000 rgb(200,0,0)
#D00000 rgb(208,0,0)
#D80000 rgb(216,0,0)
#E00000 rgb(224,0,0)
#E80000 rgb(232,0,0)
#F00000 rgb(240,0,0)
#F80000 rgb(248,0,0)
#FF0000 rgb(255,0,0)

Оттенки серого

Для получение оттенков серого цвета используются равные доли всех цветов. Для облегчения выбора нужного цвета мы приводим вам коды оттенков серого цвета

Оттенки серого Код HEX Код RGB
#000000 rgb(0,0,0)
#080808 rgb(8,8,8)
#101010 rgb(16,16,16)
#181818 rgb(24,24,24)
#202020 rgb(32,32,32)
#282828 rgb(40,40,40)
#303030 rgb(48,48,48)
#383838 rgb(56,56,56)
#404040 rgb(64,64,64)
#484848 rgb(72,72,72)
#505050 rgb(80,80,80)
#585858 rgb(88,88,88)
#606060 rgb(96,96,96)
#686868 rgb(104,104,104)
#707070 rgb(112,112,112)
#787878 rgb(120,120,120)
#808080 rgb(128,128,128)
#888888 rgb(136,136,136)
#909090 rgb(144,144,144)
#989898 rgb(152,152,152)
#A0A0A0 rgb(160,160,160)
#A8A8A8 rgb(168,168,168)
#B0B0B0 rgb(176,176,176)
#B8B8B8 rgb(184,184,184)
#C0C0C0 rgb(192,192,192)
#C8C8C8 rgb(200,200,200)
#D0D0D0 rgb(208,208,208)
#D8D8D8 rgb(216,216,216)
#E0E0E0 rgb(224,224,224)
#E8E8E8 rgb(232,232,232)
#F0F0F0 rgb(240,240,240)
#F8F8F8 rgb(248,248,248)
#FFFFFF rgb(255,255,255)

Кросс-браузерные (для всех браузеров) названия цветов html

Коллекция из 150 названий цветов в html, поддерживаемых во всех браузерах.

Стандартизированные названия цветов

Консорциум W3C перечисляет 16 валидных названий цветов для HTML и CSS: aqua (аквамарин), black (черный), blue (синий), fuchsia (фуксиновый), gray (серый), green (зеленый), lime (лайм или салатовый), maroon (каштановый), navy (ультрамарин), olive (оливковый), purple (пурпурный), red (красный), silver (серебристый), teal (сизый), white (белый) и yellow (желтый).

При использовании цветов, не входящих в этот список, правильнее будет использовать их шестнадцатиричный код (HEX) или код RGB.

Безопасные цвета

Несколько лет назад, когда компьютеры могли поддерживать максимум 256 различных цветов, был предложен список из 216 «Безопасных web-цветов» с 40 цветами, зарезервированными для системы.

Эта 216-цветная палитра была создана для того, чтобы правильно отобразить цвета в режиме 256-цветной палитры.

Теперь это не важно, потому что большинство компьютеров во всем мире поддерживают миллионы оттенков цвета. В любом случае вот список этих цветов:

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

Модуль CSS color подробно описывает значения, которые позволяют авторам определять цвета и непрозрачность html-элементов, а также значения свойства color .

Свойство color

1. Приоритетные цвета: свойство color

Свойство задаёт цвет шрифта с помощью различных систем цветопередачи. Свойство описывает цвет текстового содержимого элемента. Кроме того, оно используется для предоставления потенциального косвенного значения (currentColor) для любых других свойств, которые принимают значения цвета.

Свойство наследуется.

2. Значения цвета

2.1. Основные ключевые слова

Список основных ключевых слов включает в себя следующие значения:

Название HEX RGB Цвет
black #000000 0,0,0
silver #C0C0C0 192,192,192
gray #808080 128,128,128
white #FFFFFF 255,255,255
maroon #800000 128,0,0
red #FF0000 255,0,0
purple #800080 128,0,128
fuchsia #FF00FF 255,0,255
green #008000 0,128,0
lime #00FF00 0,255,0
olive #808000 128,128,0
yellow #FFFF00 255,255,0
navy #000080 0,0,128
blue #0000FF 0,0,255
teal #008080 0,128,128
aqua #00FFFF 0,255,255

Названия цветов не чувствительны к регистру.

Синтаксис

Color: teal;

2.2. Числовые значения цвета
2.2.1. Цвета модели RGB

Формат значения RGB в шестнадцатеричном формате — это знак # , за которым сразу следуют три или шесть шестнадцатеричных символов. Трехзначная запись RGB #rgb преобразуется в шестизначную форму #rrggbb путем копирования цифр, а не путем добавления нулей. Например, #fb0 расширяется до #ffbb00 . Это гарантирует, что белый #ffffff может быть указан в короткой записи #fff , и удаляет любые зависимости от глубины цвета дисплея.

Формат значения RGB в функциональной нотации — rgb(, за которым следует разделенный запятыми список из трех числовых значений (либо трех целочисленных значений, либо трех процентных значений), за которыми следует символ) . Целочисленное значение 255 соответствует 100% и F или FF в шестнадцатеричной записи:

Rgb (255,255,255) = rgb (100%, 100%, 100%) = #FFF

Символы пробела допускаются вокруг числовых значений.

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю. Допускается использовать сокращенную форму вида #rgb, где каждый символ следует удваивать. Так, запись #fe0 следует расценивать как #ffee00.

По названию

Internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Браузеры поддерживают некоторые цвета по их названию. В табл. 1 приведены названия, шестнадцатеричный код, значения в формате RGB, HSL и описание.

Табл. 1. Названия цветов
Имя Цвет Код RGB HSL Описание
white #ffffff или #fff rgb(255,255,255) hsl(0,0%,100%) Белый
silver #c0c0c0 rgb(192,192,192) hsl(0,0%,75%) Серый
gray #808080 rgb(128,128,128) hsl(0,0%,50%) Темно-серый
black #000000 или #000 rgb(0,0,0) hsl(0,0%,0%) Черный
maroon #800000 rgb(128,0,0) hsl(0,100%,25%) Темно-красный
red #ff0000 или #f00 rgb(255,0,0) hsl(0,100%,50%) Красный
orange #ffa500 rgb(255,165,0) hsl(38.8,100%,50%) Оранжевый
yellow #ffff00 или #ff0 rgb(255,255,0) hsl(60,100%,50%) Желтый
olive #808000 rgb(128,128,0) hsl(60,100%,25%) Оливковый
lime #00ff00 или #0f0 rgb(0,255,0) hsl(120,100%,50%) Светло-зеленый
green #008000 rgb(0,128,0) hsl(120,100%,25%) Зеленый
aqua #00ffff или #0ff rgb(0,255,255) hsl(180,100%,50%) Голубой
blue #0000ff или #00f rgb(0,0,255) hsl(240,100%,50%) Синий
navy #000080 rgb(0,0,128) hsl(240,100%,25%) Темно-синий
teal #008080 rgb(0,128,128) hsl(180,100%,25%) Сине-зеленый
fuchsia #ff00ff или #f0f rgb(255,0,255) hsl(300,100%,50%) Розовый
purple #800080 rgb(128,0,128) hsl(300,100%,25%) Фиолетовый

С помощью RGB

Internet Explorer Chrome Opera Safari Firefox Android iOS
5.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Можно определить цвет, используя значения красной, зеленой и синей составляющей в десятичном исчислении. Каждая из трех компонент цвета принимает значение от 0 до 255. Также допустимо задавать цвет в процентном отношении, при этом 100% будет соответствовать числу 255. Вначале указывается ключевое слово rgb , а затем в скобках, через запятую указываются компоненты цвета, например rgb(255, 128, 128) или rgb(100%, 50%, 50%).

RGBA

Internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

Формат RGBA похож по синтаксису на RGB, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.

RGBA добавлен в CSS3, поэтому валидацию CSS-кода надо проводить именно по этой версии. Следует отметить, что стандарт CSS3 еще находится в разработке и некоторые возможности в нем могут поменяться. К примеру, цвет в формате RGB добавленный к свойству background-color проходит валидацию, а добавленный к свойству background уже нет. При этом браузеры вполне корректно понимают цвет для того и другого свойства.

HSL

Internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 1.0+ 9.6+ 3.1+ 3.0+ 2.1+ 2.0+

Название формата HSL образовано от сочетания первых букв Hue (оттенок), Saturate (насыщенность) и Lightness (светлота). Оттенок это значение цвета на цветовом круге (рис. 1) и задаётся в градусах. 0° соответствует красному цвету, 120° — зелёному, а 240° — синему. Значение оттенка может изменяться от 0 до 359.

Рис. 1. Цветовой круг

Насыщенностью называется интенсивность цвета, измеряется в процентах от 0% до 100%. Значение 0% обозначает отсутствие цвета и оттенок серого, 100% максимальное значение насыщенности.

Светлота задает, насколько цвет яркий и указывается в процентах от 0% до 100%. Малые значения делают цвет темнее, а высокие светлее, крайние значения 0% и 100% соответствуют чёрному и белому цвету.

HSLA

Internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

Формат HSLA похож по синтаксису на HSL, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.

Значения цвета в форматах RGBA, HSL и HSLA добавлены в CSS3, поэтому при использовании этих форматов проверяйте код на валидность с учётом версии.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Цвета

Предупреждение

Все перечисленные на сайте методы ловли льва являются теоретическими и базируются на вычислительных методах. Авторы не гарантируют вашей безопасности при их использовании и снимают с себя всякую ответственность за результат. Помните, лев это хищник и опасное животное!

Арррргх!

Результат данного примера показан на рис. 2.

Рис. 2. Цвета на веб-странице

Коды цветов в CSS используются для указания цвета. Как правило, коды цвета или цветовые значения используются для установки цвета либо для переднего плана элемента (например, цвет текста, ссылки), либо для фона элемента (цвет фона, блока). Они также могут использоваться для изменения цвета кнопки, границ, маркера, при наведении и других декоративных эффектов.

Вы можете задать свои значения цвета в различных форматах. В следующей таблице перечислены все возможные форматы:

Ниже более подробно описаны перечисленные форматы.

Цвета CSS — шестнадцатеричные коды

Шестнадцатеричный код цвета — это шестизначное представление цвета. Первые две цифры (RR) — представляют собой красное значение, следующие две — это зеленое значение (GG), а последние — синее значение (BB).

Цвета CSS — короткие шестнадцатеричные коды

Короткий шестнадцатеричный код цвета — это более короткая форма шестизначной нотации. В этом формате каждая цифра повторяется, чтобы получить эквивалентное шестизначное значение цвета. Например: #0F0 становится #00FF00.

Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Core Draw и др.

Каждому шестнадцатеричному коду цвета в CSS будет предшествовать знак хеша «#». Ниже приведены примеры использования шестнадцатеричных обозначений.

Цвета CSS — RGB значения

RGB значение — это код цвета, который задается с помощью свойства rgb(). Это свойство принимает три значения: по одному для красного, зеленого и синего. Значение может быть целым числом, от 0 до 255, или процентом.

Примечание: не все браузеры поддерживают свойство rgb() цвета, поэтому не рекомендуется его использовать.

Ниже приведен пример, показывающий несколько цветов с использованием значений RGB.

Генератор цветовых кодов

Вы можете создавать миллионы цветовых кодов с помощью нашего сервиса .

Безопасные цвета браузера

Ниже представлена таблица из 216 цветов, которые наиболее безопасные и независимые от компьютера. Эти цвета в CSS варьируются от 000000 до FFFFFF шестнадцатеричного кода. Они безопасны в использовании, поскольку гарантируют, что все компьютеры будут правильно отображать цвет при работе с 256 цветовой палитрой.

Таблица «безопасных» цветов в CSS
#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

Список названий цветов HTML с соответствующими шестнадцатеричными цветовыми кодами

Internet Explorer представил 16 названий цветов HTML. Netscape расширил этот список, и теперь у нас есть 140 названий цветов HTML. Большинство из этих имен не входят в палитру, безопасную для Интернета, но это нормально, поскольку в настоящее время у большинства пользователей Интернета есть мониторы, которые могут отображать более высокую глубину цвета.

Я предпочитаю использовать шестнадцатеричные коды цветов, так как они дают мне более точный контроль, но я думаю, что для новичков очень полезны HTML-имена цветов, поскольку они описательные.

Имена цветов HTML вместе с их шестнадцатеричными кодами приведены в списке ниже. Вот подробный список названий цветов HTML вместе с эквивалентными безопасными веб-цветами.

Рекламные ссылки

»
Название цвета HTML Шестнадцатеричный код цвета
ЭЛИС СИНИЙ «#F0F8FF»
АНТИЧНО-БЕЛЫЙ «#FAEBD7»
АКВА «#00FFFF»
АКВАМАРИН «#7FFFD4»
ЛАзурь «#F0FFFF»
БЕЖЕВЫЙ «#F5F5DC»
БИСК «#FFE4C4»
ЧЕРНЫЙ «#000000»
БЛАНШЕДАЛЬМОНД «#FFEBCD»
СИНИЙ «#0000FF»
СИНИЙ ФИОЛЕТОВЫЙ «#8A2BE2»
КОРИЧНЕВЫЙ «#A52A2A»
БЕРЛИВУД «#DEB887»
CADETBLUE «#5F9EA0»
ШАРТРЕЗ «#7FFF00»
ШОКОЛАД «#D2691E»
КОРАЛЛОВЫЙ «#FF7F50»
ВАСИЛЬЕВЫЙ «#6495ED»
КУКУРУЗНЫЙ «#FFF8DC»
КРИМСОН «#DC143C»
ГОЛУБОЙ «#00FFFF»
ТЕМНО-СИНИЙ «#00008B»
ГОЛУБОЙ «#008B8B»
ТЕМНЫЙ ЗОЛОТОЙ РОД «#B8860B»
ТЕМНО-СЕРЫЙ «#A9A9A9»
ТЕМНО-ЗЕЛЕНЫЙ «#006400»
ТЕМНЫЙ КХАКИ «#BDB76B»
ТЕМНО-ПУРПУРНЫЙ «#8B008B»
ТЕМНО-ОЛИВКОВЫЙ «# 556B2F»
ТЕМНО-РАНЖ «#FF8C00»
ДАРКОРЧИД «#9932CC»
ТЕМНО-КРАСНЫЙ «#8B0000»
ТЕМНО-ЛОСОСОВЫЙ «#E9967A»
ТЕМНО-МОРСКОЙ ГРИН «#8FBC8F»
ТЕМНО-СИНИЙ «#483D8B»
ТЕМНО-СЕРЫЙ «#2F4F4F»
ТЕМНО-БИРЮЗОВЫЙ «#00CED1»
ТЕМНО-ФИОЛЕТОВЫЙ «#9400D3»
ТЕМНО-РОЗОВЫЙ «#FF1493»
ТЕМНО-СИНИЙ «#00BFFF»
ДИМГРЕЙ «#6
ДОДЖЕРБЛЮ «#1E90FF»
ОГНЕКИРПИЧ «#B22222»
ЦВЕТОЧНО-БЕЛЫЙ «#FFFAF0»
ФОРЕСГРИН «#228B22»
ФУКСИЯ «#FF00FF»
ГЕЙНСБОРО «#DCDCDC»
ПРИЗРАЧНО-БЕЛЫЙ «#F8F8FF»
ЗОЛОТО «#FFD700»
ЗОЛОТОЙ РОД «#DAA520»
СЕРЫЙ «#БЕБЕБЕ»
ЗЕЛЕНЫЙ «#008000»
ЗЕЛЕНЫЙЖЕЛТЫЙ «#ADFF2F»
ПАДЬ «#F0FFF0»
Ярко-розовый «#FF69B4»
ИНДИЙСКИЙ «#CD5C5C»
ИНДИГО «#4B0082»
СЛОНОВАЯ КОРОБКА «#FFFFF0»
ХАКИ «#F0D58C»
ЛАВАНДА «#E6E6FA»
ЛАВАНДОВЫЙ «#FFF0F5»
ЗЕЛЕНЫЙ «#7CFC00»
ЛИМОННЫЙ ШИФОН «#FFFACD»
ГОЛУБОЙ «#ADD8E6»
СВЕТЛО-КОРАЛОВЫЙ «#F08080»
СВЕТЛО-ГОЛУБОЙ «#E0FFFF»
СВЕТЛО-ЗОЛОТИСТЫЙ ЖЕЛТЫЙ «#ФАФАД2»
СВЕТЛО-ЗЕЛЕНЫЙ «#90EE90»
СВЕТЛО-СЕРЫЙ «#D3D3D3»
СВЕТЛО-РОЗОВЫЙ «#FFB6C1»
СВЕТОВОЙ ЛОСОСЬ «#FFA07A»
ЛАЙТСИГРИН «#20B2AA»
СВЕТЛО-ГОЛУБОЙ «#87CEFA»
СВЕТЛО-СЕРЫЙ «#778899»
СВЕТЛО-СТАЛЬНО-СИНИЙ «#B0C4DE»
СВЕТЛО-ЖЕЛТЫЙ «#FFFFFE0»
ИЗВЕСТЬ «#00FF00»
ЛИМАНОВЫЙ «#32CD32»
БЕЛЬЕ «#FAF0E6»
ПУРПУРНЫЙ «#FF00FF»
БОРОТОВЫЙ «#800000»
СРЕДНЕ-АКВАМАРИН «#66CDAA»
СРЕДНЕ-СИНИЙ «#0000CD»
СРЕДНЕМОРХИДНЫЙ «#BA55D3»
СРЕДНЕ-ПУРПУРНЫЙ «#9370DB»
СРЕДНЕМОРСКОЙ «#3CB371»
СРЕДНИЙ СЛАНЕЦ СИНИЙ «#7B68EE»
СРЕДНИЙ ПРУЖИННО-ЗЕЛЕНЫЙ «#00FA9A»
СРЕДНЕ-БИРЮЗОВЫЙ «#48D1CC»
СРЕДНЕ-ФИОЛЕТОВЫЙ «#C71585»
ПОЛУНОЧНЫЙ СИНИЙ «#1»
МИНТКРИМ «#F5FFFA»
ТУМАННАЯ РОЗА «#FFE4E1»
МОКАСИНЫ «#FFE4B5»
НАВАХОУАЙТ «#FFDEAD»
ТЕМНО-СИНИЙ «#000080»
Олдлейс «#FDF5E6»
ОЛИВКОВЫЙ «#808000»
ОЛИВКОВЫЙ «#6B8E23»
ОРАНЖЕВЫЙ «#FFA500»
ОРАНЖЕВЫЙ «#FF4500»
ОРХИДЕЯ «#DA70D6»
ПАЛЕГОЛДЕНРОД «#EEE8AA»
БАЛЕДНО-ЗЕЛЕНЫЙ «#98FB98»
БИРЮЗОВЫЙ «#АФЕЕЕЕ»
ПАЛЕВО-КРАСНЫЙ «#DB7093»
ПАПАЯ КНУТ «#FFEFD5»
ПЕРСИК «#FFDAB9»
ПЕРУ «#CD853F»
РОЗОВЫЙ «#FFC0CB»
СЛИВ «#DDA0DD»
ГОЛУБОЙ «#B0E0E6»
ФИОЛЕТОВЫЙ «#800080»
КРАСНЫЙ «#FF0000»
РОЗОВО-КОРИЧНЕВЫЙ «#BC8F8F»
ГОЛУБОЙ «#4169E1»
КОРИЧНЕВЫЙ «#8B4513»
ЛОСОСЬ «#FA8072»
ПЕСЧАННО-КОРИЧНЕВЫЙ «#F4A460»
Морская зелень «#2E8B57»
РАКУШКА «#FFF5EE»
СИЕНА «#A0522D»
СЕРЕБРО «#C0C0C0»
ГОЛУБОЙ «#87CEEB»
ГОЛУБОЙ «#6A5ACD»
СЕЛЕНО-СЕРЫЙ «#708090»
СНЕГ «#FFFAFA»
ЗЕЛЕНЫЙ ВЕСНА «#00FF7F»
СИНИЙ СТАЛЬ «№ 4682B4»
ТАН «#D2B48C»
бирюзовый «#008080»
ЧЕРНОП «#D8BFD8»
ПОМИДОРЫ «#FF6347»
БИРЮЗОВЫЙ «#40E0D0»
ФИОЛЕТОВЫЙ «#EE82EE»
ПШЕНИЦА «#F5DEB3»
БЕЛЫЙ «#FFFFFF»
БЕЛЫЙ ДЫМ «#F5F5F5»
ЖЕЛТЫЙ «#FFFF00»
ЖЕЛТО-ЗЕЛЕНЫЙ «#9ACD32»

Полный список имен цветов HTML

Следуя полному списку из 140 имен цветов HTML, который поддерживает все современные браузеры, используйте их в своем HTML и CSS по имени цвета, шестнадцатеричному коду или значению цвета RGB.

Красные оттенки имен цветов HTML

Цвет Имя ШЕСТИГР. RGB
FF0000 Красный FF0000 255, 0, 0
CD5C5C Индийский красный CD5C5C 205, 92, 92
F08080 Светло-коралловый Ф08080 240, 128, 128
FA8072 Лосось ФА8072 250, 128, 114
Е9967А Темный лосось Э9967А 233, 150, 122
FFA07A Светлый лосось ФФА07А 255, 160, 122
DC143C малиновый ДК143К 220, 20, 60
B22222 огнеупорный кирпич Б22222 178, 34, 34
8B0000 темно-красный 8B0000 139, 0, 0

Зеленые оттенки имен цветов HTML

Цвет Имя ШЕСТИГР. RGB
00FF00 Лайм 00FF00 0, 255, 0
008000 Зеленый 008000 0, 128, 0
АДФФ2Ф ЗеленыйЖелтый АДФФ2Ф 173, 255, 47
7FFF00 Шартрез 7FFF00 127, 255, 0
7CFC00 Зеленый газон 7CFC00 124, 252, 0
32CD32 Зеленый лайм 32CD32 50, 205, 50
98FB98 бледно-зеленый 98FB98 152, 251, 152
90EE90 светло-зеленый 90EE90 144, 238, 144
00FA9A MediumSpringGreen 00FA9A 0, 250, 154
00FF7F SpringGreen 00FF7F 0, 255, 127
3CB371 MediumSeaGreen 3CB371 60, 179, 113
2E8B57 Морская зелень 2E8B57 46, 139, 87
228B22 Форест Грин 228B22 34, 139, 34
006400 темно-зеленый 006400 0, 100, 0
9ACD32 Желто-зеленый 9ACD32 154, 205, 50
6B8E23 Оливково-серый 6B8E23 107, 142, 35
808000 Олива 808000 128, 128, 0
556B2F Темно-оливково-зеленый 556B2F 85, 107, 47
66CDAA СреднийАквамарин 66CDAA 102, 205, 170
8FBC8B Темно-зеленый 8FBC8B 143, 188, 139
20B2AA Светло-зеленый 20Б2АА 32, 178, 170
008B8B темно-голубой 008B8B 0, 139, 139
008080 Бирюзовый 008080 0, 128, 128

Синие оттенки имен цветов HTML

Цвет Имя ШЕСТИГР. RGB
0000FF Синий 0000FF 0, 0, 255
0000CD Средне-синий 0000CD 0, 0, 205
00008В темно-синий 00008Б 0, 0, 139
000080 Военно-морской флот 000080 0, 0, 128
1 Полночно-синий 1 25, 25, 112
4169E1 Королевский синий 4169E1 65, 105, 225
00FFFF Аква 00FFFF 0, 255, 255
00FFFF Голубой 00FFFF 0, 255, 255
E0FFFF светло-голубой Э0ФФФФ 224, 255, 255
АФЕЕЕЕ Бледно-бирюзовый АФЕЕЕЕ 175, 238, 238
7FFFD4 Аквамарин 7FFFD4 127, 255, 212
40E0D0 Бирюзовый 40E0D0 64, 224, 208
48D1CC СреднийБирюзовый 48D1CC 72, 209, 204
00CED1 Темно-Бирюзовый 00CED1 0, 206, 209
5F9EA0 КадетСиний 5F9EA0 95, 158, 160
4682B4 Стальной синий 4682B4 70, 130, 180
B0C4DE LightSteelBlue Б0К4ДЭ 176, 196, 222
B0E0E6 Синий порошок B0E0E6 176, 224, 230
АДД8Е6 Голубой АДД8Е6 173, 216, 230
87CEEB Небесно-голубой 87CEEB 135, 206, 235
87CEFA светло-голубой 87CEFA 135, 206, 250
00БФФФ Глубокий небесно-голубой 00БФФФ 0, 191, 255
1E90FF Небесно-голубой 1E90FF 30, 144, 255
6495ED Васильковый 6495ED 100, 149, 237
7B68EE MediumSlateBlue 7B68EE 123, 104, 238

Розовые оттенки имен цветов HTML

Цвет Имя ШЕСТИГР. RGB
FFC0CB Розовый FFC0CB 255, 192, 203
FFB6C1 светло-розовый ФФБ6С1 255, 182, 193
FF69B4 ярко-розовый ФФ69Б4 255, 105, 180
FF1493 DeepPink ФФ1493 255, 20, 147
С71585 Средний ФиолетовыйКрасный С71585 199, 21, 133
ДБ7093 Бледно-фиолетовыйКрасный ДБ7093 219, 112, 147

Оранжевые оттенки имен цветов HTML

Цвет Имя HEX RGB
FFA500 Оранжевый FFA500 255, 165, 0
FF8C00 DarkOrange FF8C00 255, 140, 0
FF4500 OrangeRed FF4500 255, 69, 0
FF6347 томат FF6347 255, 99, 71
FF7F50 коралловым FF7F50 255 , 127, 80

Желтые оттенки имен цветов HTML

Цвет Имя ШЕСТИГР. RGB
FFFF00 Желтый FFFF00 255, 255, 0
ФФД700 Золото ФФД700 255, 215, 0
FFFFE0 светло-желтый FFFFE0 255, 255, 224
FFFACD лимонный шифон FFFACD 255, 250, 205
ФАФАД2 Золотарник светлыйЖелтый ФАФАД2 250, 250, 210
FFEFD5 Папайя Whip FFEFD5 255, 239, 213
FFE4B5 Мокасины FFE4B5 255, 228, 181
FFDAB9 Персиковый слой FFDAB9 255, 218, 185
EEE8AA Бледный золотарник ЕЕЕ8АА 238, 232, 170
F0E68C Хаки Ф0Э68К 240, 230, 140
БДБ76Б Темный Хаки БДБ76Б 189, 183, 107

Фиолетовые оттенки имен цветов HTML

Цвет Имя ШЕСТИГР. RGB
800080 Фиолетовый 800080 128, 0, 128
9400D3 Темно-фиолетовый 9400D3 148, 0, 211
9932CC ТемнаяОрхидея 9932CC 153, 50, 204
8B008B Темно-пурпурный 8B008B 139, 0, 139
E6E6FA Лаванда E6E6FA 230, 230, 250
D8BFD8 Чертополох Д8БФД8 216, 191, 216
ДДА0ДД Слива ДДА0ДД 221, 160, 221
EE82EE Фиолетовый EE82EE 238, 130, 238
DA70D6 Орхидея ДА70Д6 218, 112, 214
FF00FF Фуксия ФФ00ФФ 255, 0, 255
FF00FF Пурпурный ФФ00ФФ 255, 0, 255
БА55Д3 СредняяОрхидея БА55Д3 186, 85, 211
9370ДБ Средний фиолетовый 9370ДБ 147, 112, 219
663399 Ребекка Пурпл 663399 102, 51, 153
8A2BE2 сине-фиолетовый 8A2BE2 138, 43, 226
4B0082 Индиго 4B0082 75, 0, 130
6A5ACD сланцево-синий 6A5ACD 106, 90, 205
483D8B темно-синий 483D8B 72, 61, 139
7B68EE MediumSlateBlue 7B68EE 123, 104, 238

Коричневые оттенки имен цветов HTML

Цвет Имя ШЕСТИГР. RGB
А52А2А Коричневый А52А2А 165, 42, 42
8B4513 Коричневое седло 8B4513 139, 69, 19
FFF8DC Кукурузный шелк FFF8DC 255, 248, 220
FFEBCD Бланшированный миндаль FFEBCD 255, 235, 205
FFE4C4 Бисквит FFE4C4 255, 228, 196
FFDEAD НавахоБелый FFDEAD 255, 222, 173
F5DEB3 Пшеница Ф5ДЕБ3 245, 222, 179
ДЭБ887 БерлиВуд ДЕБ887 222, 184, 135
Д2Б48К Тан Д2Б48К 210, 180, 140
BC8F8F РозиБраун БК8Ф8Ф 188, 143, 143
F4A460 СэндиБраун Ф4А460 244, 164, 96
DAA520 Золотарник ДАА520 218, 165, 32
Б8860Б ТемныйЗолотарник Б8860Б 184, 134, 11
CD853F Перу КД853Ф 205, 133, 63
Д2691Е Шоколад Д2691Е 210, 105, 30
А0522Д Сиенна А0522Д 160, 82, 45
800000 Бордовый 800000 128, 0, 0

Белые оттенки имен цветов HTML

Цвет Имя ШЕСТИГР. RGB
FFFFFF Белый ФФФФФФ 255, 255, 255
ФФФАФА Снег ФФФАФА 255, 250, 250
F0FFF0 Ханидью Ф0ФФФ0 240, 255, 240
F5FFFA Мятный крем Ф5ФФФА 245, 255, 250
F0FFFF Лазурный Ф0ФФФФ 240, 255, 255
F0F8FF AliceBlue Ф0Ф8ФФ 240, 248, 255
F8F8FF Призрачный белый Ф8Ф8ФФ 248, 248, 255
F5F5F5 Белый дым Ф5Ф5Ф5 245, 245, 245
FFF5EE Морская ракушка FFF5EE 255, 245, 238
F5F5DC Бежевый Ф5Ф5ДК 245, 245, 220
FDF5E6 Олдлейс FDF5E6 253, 245, 230
ФФФАФ0 Цветочный белый ФФФАФ0 255, 250, 240
ФФФФФ0 Слоновая кость ФФФФФ0 255, 255, 240
FAEBD7 Античный белый FAEBD7 250, 235, 215
FAF0E6 Лен ФАФ0Е6 250, 240, 230
FFF0F5 Лавандовый румянец FFF0F5 255, 240, 245
FFE4E1 МистиРоуз FFE4E1 255, 228, 225

Серые оттенки имен цветов HTML

Цвет Имя ШЕСТИГР. RGB
808080 серый 808080 128, 128, 128
6 Темно-серый 6 105, 105, 105
778899 светло-серый 778899 119, 136, 153
708090 Шиферно-серый 708090 112, 128, 144
ДКДКДК Гейнсборо DCDCDC 220, 220, 220
Д3Д3Д3 светло-серый Д3Д3Д3 211, 211, 211
C0C0C0 Серебро C0C0C0 192, 192, 192
А9А9А9 темно-серый А9А9А9 169, 169, 169
2F4F4F Темно-сланцевый серый 2F4F4F 47, 79, 79
000000 Черный 000000 0, 0, 0

Справочник по расширенным именам цветов HTML

Если вы работали с использованием цветов в HTML, вы можете согласиться с тем, что самый простой способ ссылаться на цвета — это использовать фактические имена цветов.HTML распознает следующие 16 названий цветов: цвет морской волны, черный, синий, фуксия, серый, зеленый, салатовый, бордовый, темно-синий, оливковый, фиолетовый, красный, серебристый, бирюзовый, белый и желтый. В дополнение к этим цветам, определенным в HTML, Microsoft Internet Explorer и Netscape Navigator распознают 140 стандартных названий цветов.

Некоторые названия цветов включают комбинацию слов, таких как песочно-коричневый, медовая роса, тускло-серый и т. д. Хотя это отдельные слова, название цвета при использовании в HTML-коде должно использоваться как одно слово (без пробелов, разделяющих названия цветов). .

В таблице ниже представлены расширенные названия цветов. В таблице отображается название цвета, его шестнадцатеричное значение и предварительный просмотр. Чтобы использовать цвет в документе HTML, используйте либо имя цвета, либо шестнадцатеричное значение. Например, чтобы использовать цвет «Алиса Блю» в качестве цвета фона для таблицы HTML, вы можете установить тег

как

.
или <таблица bgcolor=" #F0F8FE ">

Если вы решите использовать название цвета, не забудьте не разделять название цвета пробелом, если оно состоит из более чем одного слова.Например, используйте «AliceBlue» вместо «Alice Blue». Хотя имя цвета легче запомнить, чем шестнадцатеричное значение, следует избегать использования имени цвета, поскольку все браузеры могут не поддерживать все имена цветов. Таким образом, используйте шестнадцатеричное значение и проверяйте цвет в разных браузерах, если это возможно, потому что разные браузеры могут отображать цвет по-разному или вообще не отображать.

Для вашего удобства ниже приведен список некоторых именованных цветов: aliceblue, цвет морской волны, аквамарин, лазурный, бежевый, бисквитный, черный, сине-фиолетовый, сине-фиолетовый, коричневый, бурливуд, зеленовато-желтый, шоколадный, коралловый, малиновый, голубой, темно-синий, darkcyan, darkgoldenrod, темно-серый, темно-зеленый, темно-оранжевый, darkorchid, darkseagreen, darkslateblue, darkslategray, темно-фиолетовый, тусклый, dodgerblue, огнеупорный кирпич, флора-белый, лесной зеленый, ghostwhite, золото, золотарник, серый, зеленый, зелено-желтый, медоносная роса, ярко-розовый, индийский красный, индиго, цвет слоновой кости, хаки, лимонный шифон, светло-голубой, светло-коралловый, светло-голубой, светло-золотой, светло-зеленый, светло-серый, светло-розовый, светло-лососевый, светло-зеленый, светло-голубой, светло-серый, светло-стальной, светло-желтый, лимонно-зеленый, льняной, темно-бордовый, средне-аквамариновый, средне-синий, средне-фиолетовый, средне-зеленый, средне-зеленый, средне-бирюзовый, среднефиолетовый, темно-синий, мятно-кремовый, туманный, мокасины, навахобелый, темно-синий, оливково-красный, оливково-красный, оранжевый, оранжево-красный, орхидея, бледно-зеленый, бледно-фиолетовый, персиковый f, перу, розовый, слива, голубой, пурпурный, королевский синий, лосось, песочно-коричневый, серебристый, небесно-голубой, синевато-серый, серо-серый, снег, весенне-зеленый, стальной синий, загар, чирок, помидор, бирюзовый, пшеница, белый, белый дым, желтый и желто-зеленый .

Шестнадцатеричные значения цвета

Когда вы указываете цвета с помощью шестизначного шестнадцатеричного значения, вы указываете количество красного, зеленого и синего. В шестнадцатеричном значении первые две цифры представляют количество красного, вторые две — зеленого, а последние две — синего. Для каждого цвета шестнадцатеричные значения могут варьироваться от 00 (без цвета) до FF (полный цвет). Например, FF0000 представляет красный цвет, 00FF00 — зеленый, 0000FF — синий, 000000 — черный, FFFFFF — белый, а 808080 — серый.Когда вы комбинируете цвета, вы создаете новый цвет; например, сочетание красного и синего дает пурпурный цвет, а сочетание зеленого и синего дает голубой.

F
Название цвета Шестнадцатеричное значение Предварительный просмотр цвета
AliceBlue #F0F8FE  
Античный белый #FAEBD7  
Цвет морской волны #00FFFF  
Аквамарин #70DB93  
Лазурный #F0FFFF  
Бежевый #F5F5DC  
Черный #000000  
Синий #0000FF  
Сине-фиолетовый #9F5F9F  
Латунь #B5A642  
Яркое золото #D9D919  
Бронза #8C7853  
Коричневый #A52A2A  
CadetBlue #5F9EA0  
Шоколад #D2691E  
Медь #B87333  
Коралловый #FF7F50  
малиновый #DC143C  
Голубой #00FFFF  
Темно-синий #00008B  
темно-коричневый #5C4033  
Темно-голубой № 008B8B  
ДаркГолденРод #B8860B  
темно-серый #A9A9A9  
Темно-зеленый #006400  
Темный Хаки #BDB76B  
Темно-пурпурный #8B008B  
Темно-оливково-зеленый #4F4F2F  
Темно-оранжевый #FF8C00  
ТемнаяОрхидея #9932CD  
Темно-фиолетовый #871F78  
Темный лосось #E9967A  
Темно-синий #6B238E  
DarkSlateGray #2F4F4F  
темно-коричневый #
Темно-бирюзовый #7093DB  
Темно-фиолетовый № 9400D3  
Дарквуд #855E42  
Темно-серый #545454  
Пыльная Роза #856363  
Полевой шпат #D19275  
Огнеупорный кирпич #B22222  
Форест Грин #238E23  
Золото #CD7F32  
Золотой стержень #DBDB70  
Серый #C0C0C0  
Зеленый #00FF00  
Зеленая медь № 527F76  
ЗеленыйЖелтый #93DB70  
ярко-розовый #FF69B4  
ХантерГрин #215E21  
Индийский красный #CD5C5C  
Индиго #4B0082  
Слоновая кость #FFFFFF0  
Хаки #9F9F5F  
Лаванда #E6E6FA  
Голубой #C0D9D9  
Светло-коралловый #F08080  
светло-голубой #E0FFFF  
светло-серый #A8A8A8  
светло-зеленый #90EE90  
Светло-розовый #FFB6C1  
LightSteelBlue #8F8FBD  
ЛайтВуд #E9C2A6  
Лайм #00FF00  
Зеленый лайм #32CD32  
Пурпурный #FF00FF  
Мандариновый апельсин #E47833  
Бордовый #8E236B  
MediumAquaMarine #32CD99  
Средне-синий #3232CD  
MediumForestGreen #6B8E23  
МедиумГолденРод #EAEAAE  
СредняяОрхидея #9370DB  
MediumSeaGreen #426F42  
MediumSlateBlue #7F00FF  
MediumSpringGreen #7FFF00  
Бирюзовый #70DBDB  
СреднефиолетовыйКрасный #DB7093  
Среднее дерево #A68064  
MidNightBlue #2F2F4F  
Мятный крем #F5FFFA  
МистиРоуз #FFE4E1  
Темно-синий № 23238E  
Неоновый синий #4D4DFF  
Неоновый розовый #FF6EC7  
НовыйMidnightBlue #00009C  
НьюТан #EBC79E  
Старое золото #CFB53B  
Олива #808000  
Оранжевый #FF7F00  
Оранжево-красный #FF2400  
Орхидея #DB70DB  
ПалеГолденРод #EEE8AA  
Бледно-зеленый #8FBC8F  
Бледно-бирюзовый #АФЕЕЕЕ  
Розовый #BC8F8F  
Слива #EAADEA  
Синий #B0E0E6  
Фиолетовый #800080  
Кварц #D9D9F3  
Красный #FF0000  
RichBlue № 5959AB  
Роял Блю #4169E1  
СедлБраун #8B4513  
Лосось № 6F4242  
СэндиБраун #F4A460  
Скарлет #8C1717  
Морская зелень #238E68  
Сейнна #8E6B23  
Серебро #E6E8FA  
Небесно-голубой #3299CC  
Синий #007FFF  
Снег #FFFAFA  
SpicyPink #FF1CAE  
SpringGreen #00FF7F  
SteelBlue № 236B8E  
Летнее небо #38B0DE  
Желто-коричневый #DB9370  
Бирюзовый № 008080  
Чертополох #D8BFD8  
Помидор #FF6347  
Бирюзовый #АДЕАЕА  
Очень темно-коричневый #5C4033  
Очень темный серый #5C4033  
Фиолетовый #422F4F  
фиолетово-красный #CC3299  
Пшеница #D8D8BF  
Белый #FFFFFF  
Желтый #FFFF00  
Желто-зеленый #99CC32  

названий цветов | Обучение веб-дизайну, 5e

Цветовой модуль CSS4 включает в себя этот набор названий цветов, 140 из которых были первоначально введены системой X Windows.Цвет rebeccapurple был добавлен в 2014 году как дань уважения покойной дочери лидера CSS и веб-стандартов Эрика Мейера. Если вам интересна история этих причудливых и часто нелогичных названий, посмотрите это видео презентации Алекса Секстона.

  • Алисаблю

    240 248 255
    #F0F8FF

  • античный белый

    250 235 215
    #FAEBD7

  • цвет морской волны

    0 255 255
    #00FFFF

  • аквамарин

    127 255 212
    #7FFFD4

  • лазурный

    240 255 255
    #F0FFFF

  • бежевый

    245 245 220
    #F5F5DC

  • бисквит

    255 228 196
    #FFE4C4

  • черный

    0,0,0
    #000000

  • бланшированный миндаль

    255 255 205
    #FFFFCD

  • синий

    0,0,255
    #0000FF

  • сине-фиолетовый

    138,43,226
    #8A2BE2

  • коричневый

    165,42,42
    #A52A2A

  • бурливуд

    222 184 135
    #DEB887

  • кадетский синий

    95 158 160
    #5F9EA0

  • шартрез

    127 255,0
    #7FFF00

  • шоколад

    210,105,30
    #D2691E

  • коралловый

    255 127 80
    #FF7F50

  • васильковый

    100 149 237
    № 6495ED

  • кукурузный шелк

    255 248 220
    #FFF8DC

  • малиновый

    220,20,60
    #DC143C

  • голубой

    0 255 255
    #00FFFF

  • темно-синий

    0,0,139
    #00008B

  • темно-голубой

    0 139 139
    #008B8B

  • темно-золотистый

    184,134,11
    #B8860B

  • темно-серый

    169 169 169
    #A9A9A9

  • темно-зеленый

    0,100,0
    #006400

  • темный хаки

    189 183 107
    #BDB76B

  • темно-пурпурный

    139,0,139
    #8B008B

  • темно-оливково-зеленый

    85,107,47
    #556B2F

  • темно-оранжевый

    255,140,0
    #FF8C00

  • темная орхидея

    153,50,204
    #9932CC

  • темно-красный

    139,0,0
    #8B0000

  • темно-лососевый

    233 150 122
    #E9967A

  • темно-зеленый

    143 188 143
    #8FBC8F

  • темно-синий

    72,61,139
    #483D8B

  • тёмно-сланцево-серый

    47,79,79
    #2F4F4F

  • темно-бирюзовый

    0 206 209
    #00CED1

  • темно-фиолетовый

    148,0,211
    #9400D3

  • тёмно-розовый

    255,20,147
    #FF1493

  • темно-синий

    0 191 255
    #00BFFF

  • темно-серый

    105 105 105
    #6

  • доджерблю

    30 144 255
    #1E90FF

  • огнеупорный кирпич

    178,34,34
    #B22222

  • цветочный белый

    255 250 240
    #FFFFAF0

  • зеленый лес

    34,139,34
    #228B22

  • фуксия

    255,0,255
    #FF00FF

  • Гейнсборо

    220 220 220
    #DCDCDC

  • призрачный белый

    248 248 255
    #F8F8FF

  • золото

    255,215,0
    #FFD700

  • золотарник

    218,165,32
    #DAA520

  • серый

    128 128 128
    #808080

  • зеленый

    0,128,0
    #008000

  • зеленый желтый

    173,255,47
    #ADFF2F

  • медвяная роса

    240 255 240
    #F0FFF0

  • ярко-розовый

    255 105 180
    #FF69B4

  • индийский красный

    205,92,92
    #CD5C5C

  • индиго

    75,0,130
    #4B0082

  • хаки

    240 230 140
    #F0D58C

  • лаванда

    230 230 250
    #E6E6FA

  • лавандовый румянец

    255 240 245
    #FFF0F5

  • зеленый газон

    124 252,0
    #7CFC00

  • лимонный шифон

    255 250 205
    #FFFACD

  • голубой

    173 216 230
    #ADD8E6

  • светло-коралловый

    240 128 128
    № F08080

  • светло-голубой

    224 255 255
    #E0FFFF

  • светло-желтый желтый

    250 250 210
    #ФАФАД2

  • светло-зеленый

    144 238 144
    #90EE90

  • светло-серый

    211 211 211
    #D3D3D3

  • светло-розовый

    255 182 193
    #FFB6C1

  • светлый лосось

    255 160 122
    #FFA07A

  • светло-зеленый

    32 178 170
    № 20B2AA

  • светло-голубой

    135 206 250
    #87CEFA

  • светло-латунно-серый

    119 136 153
    #778899

  • светло-стальной синий

    176 196 222
    # B0C4DE

  • светло-желтый

    255 255 224
    #FFFFE0

  • известь

    0,255,0
    #00FF00

  • салатовый

    50 205 50
    #32CD32

  • белье

    250 240 230
    #FAF0E6

  • пурпурный

    255,0,255
    #FF00FF

  • темно-бордовый

    128,0,0
    #00000

  • средний аквамарин

    102 205 170
    #66CDAA

  • средне-синий

    0,0,205
    #0000CD

  • средняя орхидея

    186,85,211
    #BA55D3

  • средне-фиолетовый

    147 112 219
    #9370DB

  • средняя морская зелень

    60 179 113
    #3CB371

  • средний сланцево-синий

    123 104 238
    #7B68EE

  • средний весенне-зеленый

    0 250 154
    #00FA9A

  • средний бирюзовый

    72 209 204
    #48D1CC

  • средне-фиолетовый красный

    199,21,133
    #C71385

  • темно-синий

    25,25,112
    #1

  • мятный крем

    245 255 250
    #F5FFFA

  • туманная роза

    55 228 225
    #FFE4E1

  • мокасины

    255 228 181
    #FFE4B5

  • навахоуайт

    255 222 173
    #FFDEAD

  • темно-синий

    0,0,128
    #000080

  • олдлейс

    253 245 230
    #FDF5E6

  • оливковое

    128,128,0
    #808000

  • оливково-красный

    107,142,35
    #6B8E23

  • оранжевый

    255,165,0
    #FFA500

  • оранжевыйкрасный

    255,69,0
    #FF4500

  • орхидея

    218 112 214
    #DA70D6

  • бледно-золотистый

    238 232 170
    #EEE8AA

  • бледно-зеленый

    152 251 152
    #98FB98

  • бледно-бирюзовый

    75 238 238
    #AFEEEE

  • бледно-фиолетово-красный

    219 112 147
    # DB7093

  • папайя

    255 239 213
    #FFEFD5

  • персиковый слой

    255 239 213
    #FFEFD5

  • перу

    205,133,63
    #CD853F

  • розовый

    255 192 203
    # FFC0CB

  • слива

    221 160 221
    #DDA0DD

  • пудрово-синий

    176 224 230
    #B0E0E6

  • фиолетовый

    128,0,128
    #800080

  • ребеккапурпл

    102,51,153
    #663399

  • красный

    225,0,0
    #FF0000

  • розово-коричневый

    188 143 143
    #BC8F8F

  • королевский синий

    65 105 225
    #4169E1

  • седельно-коричневый

    139,69,19
    #8B4513

  • лосось

    250 128 114
    #FA8072

  • песочно-коричневый

    44,164,96
    #F4A460

  • морская зелень

    46 139 87
    #2E8B57

  • морская ракушка

    255 245 238
    #FFF5EE

  • сиена

    160,82,45
    #A0522D

  • серебро

    192 192 192
    #C0C0C0

  • небесно-голубой

    135 206 235
    #87CEEB

  • сланцево-синий

    106,90,205
    #6A5ACD

  • сланцево-серый

    112 128 144
    #708090

  • снег

    255 250 250
    #FFFAFA

  • весенне-зеленый

    0 255 127
    #00FF7F

  • стальной синий

    70 130 180
    #46,82,В4 ​​

  • желтовато-коричневый

    210 180 140
    #D2B48C

  • бирюзовый

    0 128 128
    № 008080

  • чертополох

    216 191 216
    #D8BFD8

  • помидор

    253,99,71
    #FF6347

  • бирюзовый

    64 224 208
    #40E0D0

  • фиолетовый

    238 130 238
    #EE82EE

  • пшеница

    245 222 179
    #F5DEB3

  • белый

    255 255 255
    #FFFFFF

  • белый дым

    245 245 245
    #F5F5F5

  • желтый

    255,255,0
    # FFFF00

  • желто-зеленый

    154 205 50
    #9ACD32

  • Мягкая обложка, 808 страниц
  • ISBN: 978-1-491-

    -2
  • Опубликовано: май 2018 г.

Имен цветов HTML — Color Hex Color Codes

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

показывает имена цветов X11 и коды цветов HTML (значения HEX и RGB).

Имена цветов HTML

В следующей таблице показаны все цвета в так называемом наборе цветов X11. Имена этих цветов можно использовать вместо цветового кода в различных тегах HTML и CSS. Для просмотра цветов в этом списке вам потребуется Internet Explorer 3.0 и выше, Netscape Navigator и другие современные браузеры, такие как Firefox, Opera, Chrome, Safari и другие.

Список имен цветов HTML

Список имен цветов HTML

Тот же список, отсортированный по шестнадцатеричному значению

Тот же список, отсортированный по названию цвета

Розовый цвет названия
Цвет Имя цвета HEX RGB
Розовый # FFC0CB RGB (255, 192, 203)
LightPink # FFB6C1 RGB (255, 182, 193)
HotPink # FF69B4 RGB (255, 105, 180)
DeepPink # FF1493 RGB (255, 20, 147)
Palevioletred # DB7093 RGB (219, 112, 147)
# C71585 RGB (199, 21, 133)
фиолетовые цветные имена
9 4563
Цвет Цветное имя Hex RGB
Lavender # E6E6FA RGB (230, 230, 250)
чертополох # D8BFD8 RGB (216, 191, 216)
Плам # DDA0DD RGB (221, 160, 221)
Орхидея # DA70D6 RGB (218, 112, 214)
фиолетовый # EE82EE RGB (238, 130, 238)
Fuchsia # FF00FF RGB (255, 0, 255)
пурпурный # FF00FF RGB (255, 0, 255)
MediumOrchid # BA55D3 RGB (186, 85, 211)
DarkOrchid # 9932CC RGB (153, 50, 204)
DarkViolet # 9400D3 RGB (148, 0, 211)
BlueViolet # 8A2BE2 RGB (138, 43, 226)
Темно-пурпурный #8B008B RGB (139, 0, 139)
фиолетовый # 800080 RGB (128, 0, 128)
Mediumpurple # 9370DB RGB (147, 112, 219)
MediumSlateBlue # 7B68EE RGB (123, 104, 238)
SlateBlue # 6A5ACD RGB (106, 90, 205)
DarkSlateBlue # 483D8B RGB (72, 61, 139)
Rebeccapurple # 663399 RGB (102, 51, 153)
Indigo # 4B0082 RGB (75, 0, 130)
Красные названия цвета
#
Оранжевые цветные имена
Цвет Имя цвета HEX RGB
LightSalmon # FFA07A RGB (255, 160, 122)
9483 4 Salmon # FA8072 RGB (250, 128, 114)
DarkSalmon # E9967A RGB (233, 150, 122)
Lightcoral # F08080 RGB ( 240, 128, 128)
Iniandred # CD5C5C RGB (205, 92, 92)
# DC143C RGB (220, 20, 60)
красный # FF0000 RGB (255, 0, 0)
# B22222 # B22222 RGB (178, 34, 34)
Darkred # 8B0000 RGB ( 139, 0, 0)
94 563
2
Цвет Цветное имя Hex RGB
Orange # FFA500 RGB (255, 165, 0)
DarkOrange # FF8C00 RGB (255, 140, 0)
коралловым # FF7F50 RGB (255, 127, 80)
томат # FF6347 RGB (255, 99, 71)
Oranged # FF4500 RGB (255, 69, 0)
Цвет Название цвета Hex RGB
Золото # FFD700 RGB (255, 215, 0)
Желтый # FFFF00 RGB (255, 255, 0)
светло-желтого # FFFFE0 RGB (255, 255, 224)
Lemonchiffon #fffacd RGB (255, 250, 205)
LightgoldenRodyellow # FAFAD2 RGB (250, 250 , 210)
PapayaWhip # FFEFD5 RGB (255, 239, 213)
Мокасины # FFE4B5 RGB (255, 228, 181)
Peachpuff # Ffdab9 RGB (255, 218, 185)
Palegoldenrod # EEE8AA RGB (238, 232, 170)
Khaki # F0E68C RGB (240, 230, 140)
DarkKhaki # BDB76B RGB (189, 183, 107)
Зеленые названия цветов
# 9002 4 # 7CFC00 3 2
Cyan Color Color
Цвет Цвет Имя НЕХ RGB
Grownyellow # Adff25 RGB (173, 255, 47)
Chartreuse # 7FFF00 RGB (127, 255, 0)
Lawngreen RGB (124, 252, 0)
Lime # 00FF00 RGB (0, 255, 0)
Nemegreen # 32CD32 RGB (50, 205 , 50)
PaleGreen # 98FB98 RGB (152, 251, 152)
LightGreen # 90EE90 RGB (144, 238, 144)
MediumSpringGreen # 00fa9a RGB (0, 250, 154)
SpringGreen # 00FF7F RGB (0, 255, 127)
Mediumseageereen # 3CB371 RGB (60, 179 , 113)
SeaGreen # 2E8B57 RGB (46, 139, 87)
# 228B22 RGB (34, 139, 34)
Green #008000 RGB(0, 128, 0) 9 0025
темно-зеленый # 006400 RGB (0, 100, 0)
желто-зеленую # 9ACD32 RGB (154, 205, 50)
OliveDrab # 6B8E23 RGB (107, 142, 35)
DarkoliveGreen # 556B2F RGB (85, 107, 47)
Medicaquamarine # 66CDAA RGB (102, 205, 170)
DarkSeaGreen # 8FBC8F RGB (143, 188, 143)
LightSeaGreen # 20B2AA RGB (32, 178, 170)
DarkCyan # 008B8B RGB (0, 139, 139)
Teal # 008080 RGB (0, 128, 128)
9001 4 hex 1 2 1
Цвет Цветное имя RGB
AQUA RGB (0, 255, 255)
# 00ffff RGB (0, 255, 255)
LightCyan # E0FFFF RGB (224, 255, 255)
PaleTurquoise #AFEEEE RGB (175, 238, 238)
Аквамарин # 7FFFD4 RGB (127, 255, 212)
бирюзовый # 40E0D0 RGB (64, 224, 208)
MediumTurqueuise # 48D1CC RGB (72, 209, 204)
DarkTurquoise # 00CED1 RGB (0, 206, 209)
Цвет Название цвета Hex RGB
CadetBlue # 5F9EA0 RGB (95, 158, 160)
SteelBlue # 4682B4 RGB (70, 130, 180)
LightSteelBlue # B0C4DE RGB ( 176, 196, 222)
Lightblue # Add8e6 RGB (173, 216, 230)
# B0E0E6 RGB (176, 224, 230)
LightSkyBlue # 87CEFA RGB (135, 206, 250)
SkyBlue # 87CEEB RGB (135, 206, 235)
CornflowerBlue # 6495ED RGB ( 100, 149, 237)
DeepskyBlue # 00BFFF RGB (0, 191, 255)
Dodgerblue # 1E90FF RGB (30, 144, 255)
Королевский синий 900 25 # 4169E1 RGB (65, 105, 225)
Blue RGB (0, 0, 255)
MediumBlue # 0000CD RGB (0, 0, 205)
DarkBlue # 00008B RGB (0, 0, 139)
# 000080 RGB (0, 0, 128)
Midnightblue # 1 RGB (25, 25, 112)
Коричневый цвет названия

70
Цвет Имя цвета HEX RGB
Cornsilk # FFF8DC RGB (255, 248, 220)
Blanchedalmond #ffebcd RGB (255, 235, 205)
Bisque # FFE4C4 RGB (255, 228, 196)
Н avajoWhite #FFDEAD RGB (255, 222, 173)
Пшеница # F5DEB3 RGB (245, 222, 179)
BurlyWood # DEB887 RGB (222 , 184, 135)
Тан # D2B48C RGB (210, 180, 140)
RosyBrown # BC8F8F RGB (188, 143, 143)
Sandybrown # F4A460 RGB (244, 164, 96)
золотарник # DAA520 RGB (218, 165, 32)
DarkGoldenRod # B8860B RGB (184 , 134, 11)
PERU # CD853F RGB (205, 133, 63)
Chocolate # D2691E RGB (210, 105, 30)
Оливковый #808000 RGB( 128, 128, 0)
SaddleBrown # 8B4513 RGB (139, 69, 19)
# A0522D RGB (160, 82, 45)
Браун # A525 # A52A2A RGB (165, 42, 42)
Maroon RGB (128, 0, 0)
Цвет Цветное имя Hex RGB RGB
RGB (255, 255, 255)
Snow #fffafa RGB (255, 250, 250)
Honeydew # F0FFF0 RGB (240, 255, 240)
MintCream # F5FFFA RGB (245, 255, 250)
Лазурное #F0FFFF Р ГБ (240, 255, 255)
aliceblue # F0F8FF RGB (240, 248, 255)
Ghostwhite # F8F8FF RGB (248, 248, 255)
WhiteSmoke # F5F5F5 RGB (245, 245, 245)
SeaShell # FFF5EE RGB (255, 245, 238)
Бежевый # F5F5DC RGB (245, 245, 220)
Oldlace # FDF5E6 RGB (253, 245, 230)
Floralwhite # FFFFAF0 RGB (255, 250, 240)
цвета слоновой кости # FFFFF0 RGB (255, 255, 240)
AntiqueWhite # FAEBD7 RGB (250, 235, 215)
Белье # FAF0E6 RGB(250, 240, 230)
LavenderBlush # FFF0F5 RGB (255, 240, 245)
MistyRose # FFE4E1 RGB (255, 228, 225)
Серый цвет названия
Цвет Цвет Имя HEX RGB
Gainsboro #DCDCDC RGB (220, 220, 220)
LightGray # D3D3D3 RGB (211, 211 , 211)
Серебро # C0C0C0 RGB (192, 192, 192)
DarkGray # A9A9A9 RGB (169, 169, 169)
DimGray # 6 RGB (105, 105, 105)
серый # 808080 RGB (128, 128, 128)
LightlateGreas # 778899 RGB (1 19, 136, 153)
RGB (112, 128, 144)
DarkSlateGrey # 2F4F4F RGB (47, 79, 79)
Черный #000000 RGB(0, 0, 0)

Названия основных цветов — портал CSS

HTML 4.01 определяет шестнадцать именованных цветов следующим образом (в этом контексте имена определяются без учета регистра):

Эти 16 также были указаны как sRGB и включены в спецификацию HTML 3.0, которая отметил: «Эти цвета изначально были выбраны как стандартные 16 цветов, поддерживаемые Палитра Windows VGA.» Следует отметить, что фуксия точно такая же, как маджента (в названия цветов X11) и точно так же цвет морской волны точно такой же, как голубой.

Следует отметить, что все значения цвета из #000000 — #FFFFFF (16 777 216 цветов) допустимы.

Нестандартный HTML распознает другие названия цветов X11, включая «оранжевый», «темно-серый» (который, по иронии судьбы, светлее серого), «темно-оранжевый», «светло-серый», «темно-зеленый», «бежевый», «подпалый», «коричневый» и другие.

Предварительный просмотр цвета Название цвета Шестнадцатеричное значение Значение RGB
Белый #FFFFFF 255 255 255
Желтый #FFFF00 255 255,0
Фуксия #FF00FF 255,0,255
Красный #FF0000 255,0,0
Серебро #C0C0C0 192 192 192
серый #808080 128 128 128
Олива #808000 128 128,0
Фиолетовый #800080 128,0,128
Бордовый #800000 128,0,0
Аква #00FFFF 0 255 255
Лайм #00FF00 0,255,0
Бирюзовый № 008080 0 128 128
Зеленый #008000 0,128,0
Синий #0000FF 0,0,255
Военно-морской флот #000080 0,0,128
Черный #000000 0,0,0

Имена цветов HTML — EniG.Инструменты для веб-мастеров

Цвета отсортированы по алфавиту

 

140 названий цветов, определенных в спецификации цветов HTML и CSS. С помощью цветовых кодов HTML вы можете установить цвет фона веб-сайта, цвет текста, ячеек в таблицах и многое другое. Чтобы добавить цвет на свои веб-страницы, вы должны знать, что его шестнадцатеричный код цвета будет понятен браузерам. Цвета в HTML определяются тремя шестнадцатеричными числами (от 00 до ff), каждое из которых представляет значение цвета системной палитры RGB (красный, зеленый, синий).

Жирный шрифт

AliceBlue Античный белый
f0f8ff faebd7
f0f8ff faebd7
Элисблю Античный белый
Цвет морской волны Аквамарин
00ffff 7fffd4
00ffff 7fffd4
Цвет морской волны Аквамарин
Лазурный Бежевый
ф0фффф ф5ф5дк
ф0фффф ф5ф5дк
Лазурный Бежевый
Бисквит Черный
ffe4c4 000000
ffe4c4 000000
Бисквит Черный
Бланшированный миндаль Синий
ffebcd 0000ff
ffebcd 0000ff
Бланшированный миндаль Синий
Сине-фиолетовый Коричневый
8a2be2 а52а2а
8a2be2 а52а2а
Сине-фиолетовый Коричневый
БерлиВуд КадетСиний
деб887 5f9ea0
деб887 5f9ea0
БерлиВуд КадетСиний
Шартрез Шоколад
7fff00 д2691е
7fff00 д2691е
Шартрез Шоколад
Коралловый Васильковый
ff7f50 6495ed
ff7f50 6495ed
Коралловый Васильковый
Кукурузный шелк малиновый
fff8dc дк143к
fff8dc дк143к
Кукурузный шелк малиновый
Голубой темно-синий
00ffff 00008b
00ffff 00008b
Голубой темно-синий
Темно-голубой DarkGoldenRod
008b8b б8860б
008b8b б8860б
Темно-голубой DarkGoldenRod
Темно-серый темно-зеленый
а9а9а9 006400
а9а9а9 006400
Темно-серый темно-зеленый
Темно-хаки Темно-пурпурный
бдб76б 8b008b
бдб76б 8b008b
Темный Хаки Темно-пурпурный
Темно-оливково-зеленый Темно-оранжевый
556b2f ff8c00
556b2f ff8c00
Темно-оливково-зеленый Темно-оранжевый
ТемнаяОрхидея темно-красный
9932cc 8b0000
9932cc 8b0000
ТемнаяОрхидея темно-красный
Темный лосось Темно-зеленый
e9967a 8fbc8f
e9967a 8fbc8f
Темный лосось Темно-зеленый
Темно-синий Темно-сланцевый серый
483d8b 2ф4ф4ф
483d8b 2ф4ф4ф
Темно-синий Темно-сланцевый серый
Темно-бирюзовый Темно-фиолетовый
00ced1 9400d3
00ced1 9400d3
Темно-Бирюзовый Темно-фиолетовый
DeepPink Глубокий небесно-голубой
ff1493 00bfff
ff1493 00bfff
DeepPink Глубокий небесно-голубой
Темно-серый ДоджерСиний
6 1e90ff
6 1e90ff
Темно-серый ДоджерСиний
Огнеупорный кирпич Цветочный белый
б22222 fffaf0
б22222 fffaf0
Огнеупорный кирпич Цветочный белый
Форест Грин Фуксия
228b22 ff00ff
228b22 ff00ff
Форест Грин Фуксия
Гейнсборо Призрачный белый
дкдкдк ф8ф8фф
дкдкдк ф8ф8фф
Гейнсборо Призрачный белый
Золото Золотой стержень
ffd700 даа520
ffd700 даа520
Золото Золотой стержень
Серый Зеленый
808080 008000
808080 008000
Серый Зеленый
ЗеленыйЖелтый Ханидью
adff2f f0fff0
adff2f f0fff0
ЗеленыйЖелтый Ханидью
ярко-розовый Индийский красный
ff69b4 cd5c5c
ff69b4 cd5c5c
ярко-розовый Индийский красный
Индиго Слоновая кость
4b0082 ffff0
4b0082 ffff0
Индиго Слоновая кость
Хаки Лаванда
f0e68c е6е6фа
f0e68c е6е6фа
Хаки Лаванда
Лавандовый румянец Зеленый газон
fff0f5 7cfc00
fff0f5 7cfc00
Цвет лаванды Зеленый газон
лимонный шифон Голубой
ffacd add8e6
ffacd add8e6
лимонный шифон Голубой
Светло-коралловый светло-голубой
ф08080 e0ffff
ф08080 e0ffff
Светло-коралловый светло-голубой
LightGoldenRodYellow светло-серый
Фафад2 д3д3д3
Фафад2 д3д3д3
LightGoldenRodYellow светло-серый
светло-зеленый светло-розовый
90ee90 ffb6c1
90ee90 ffb6c1
светло-зеленый светло-розовый
Светлый лосось Светло-зеленый
ffa07a 20b2аа
ffa07a 20b2аа
Светлый лосось Светло-зеленый
светло-голубой светло-серый
87цефа 778899
87цефа 778899
светло-голубой светло-серый
LightSteelBlue светло-желтый
b0c4de fffe0
b0c4de fffe0
LightSteelBlue светло-желтый
Известь Зеленый лайм
00ff00 32кд32
00ff00 32кд32
Известь Зеленый лайм
Лен Пурпурный
faf0e6 ff00ff
faf0e6 ff00ff
Лен Пурпурный
Бордовый СреднийАквамарин
800000 66кдаа
800000 66кдаа
Бордовый СреднийАквамарин
Средне-синий СредняяОрхидея
0000кд ба55д3
0000кд ба55д3
Средне-синий СредняяОрхидея
Средний фиолетовый MediumSeaGreen
9370дб 3cb371
9370дб 3cb371
Средний фиолетовый MediumSeaGreen
MediumSlateBlue MediumSpringGreen
7b68ee 00fa9a
7b68ee 00fa9a
MediumSlateBlue MediumSpringGreen
Бирюзовый Средний ФиолетовыйКрасный
48d1cc с71585
48d1cc с71585
Бирюзовый Средний ФиолетовыйКрасный
Темно-синий Мятный крем
1 ф5ффа
1 ф5ффа
Темно-синий Мятный крем
МистиРоуз Мокасины
ffe4e1 ffe4b5
ffe4e1 ffe4b5
МистиРоуз Мокасины
Белый навахо Военно-морской флот
ffdead 000080
ffdead 000080
Белый навахо Военно-морской флот
Олдлейс Олива
fdf5e6 808000
fdf5e6 808000
Олдлейс Олива
Оливковый Оранжевый
6b8e23 ffa500
6b8e23 ffa500
Оливковый Оранжевый
Оранжево-красный Орхидея
ff4500 да70д6
ff4500 да70д6
Оранжево-красный Орхидея
Бледно-золотой стержень бледно-зеленый
еее8аа 98fb98
еее8аа 98fb98
ПалеГолденРод бледно-зеленый
Бледно-бирюзовый Бледно-фиолетовыйКрасный
афеееее дб7093
афеееее дб7093
Бледно-бирюзовый Бледно-фиолетовыйКрасный
Папайя Whip Персиковый слой
ffefd5 ffdab9
ffefd5 ffdab9
Папайя Whip Персиковый слой
Перу Розовый
cd853f ffc0cb
cd853f ffc0cb
Перу Розовый
Слива Синий порошок
дда0дд b0e0e6
дда0дд b0e0e6
Слива Синий порошок
Фиолетовый Красный
800080 ff0000
800080 ff0000
Фиолетовый Красный
РозиБраун Королевский синий
bc8f8f 4169e1
bc8f8f 4169e1
РозиБраун Королевский синий
СедлБраун Лосось
8b4513 фа8072
8b4513 фа8072
СедлБраун Лосось
СэндиБраун Морская зелень
ф4а460 2e8b57
ф4а460 2e8b57
СэндиБраун Морская зелень
SeaShell Сиенна
fff5ee а0522д
fff5ee а0522д
SeaShell Сиенна
Серебро Небесно-голубой
c0c0c0 87ceeb
c0c0c0 87ceeb
Серебро Небесно-голубой
Синий Шиферно-серый
6a5acd 708090
6a5acd 708090
Синий Шиферно-серый
Снег SpringGreen
fffafa 00ff7f
fffafa 00ff7f
Снег SpringGreen
Стальной синий Тан
4682b4 д2б48к
4682b4 д2б48к
Стальной синий Тан
Бирюзовый Чертополох
008080 d8bfd8
008080 d8bfd8
Бирюзовый Чертополох
Помидор Бирюзовый
ff6347 40e0d0
ff6347 40e0d0
Помидор Бирюзовый
Фиолетовый Пшеница
ее82ее ф5деб3
ее82ее ф5деб3
Фиолетовый Пшеница
Белый Белый дым
ffffff f5f5f5
ffffff f5f5f5
Белый Белый дым
Желтый Желто-зеленый
ffff00 9acd32
ffff00 9acd32
Желтый Желто-зеленый

Инструменты для веб-мастеров

Небольшой набор инструментов для разработки и создания веб-страниц.

Добавить комментарий

Ваш адрес email не будет опубликован.