#F0F8FFСиние
aliceblue
Голубой АлисыСкопировать CSS, HEX или RGB
- Чёрный текст
- 19.58:1
- Белый текст
- 1.07:1
Справочник ключевых слов W3C
Именованные цвета CSS без повторяющихся образцов
Найдите стандартизированное ключевое слово непрозрачного цвета CSS, скопируйте точное значение и проверьте, какие написания задают один цвет sRGB. Псевдонимы объединены, а не превращены в повторяющиеся страницы.
- 148написаний непрозрачных ключевых слов
- 139разных цветов sRGB
- 9пар с одинаковым значением
Источник и метод
Таблица стандарта, а не придуманные названия.
CSS Color Module Level 4 задаёт каждый непрозрачный именованный цвет точным значением sRGB. Hexees сохраняет написания ключевых слов, объединяет точные псевдонимы и рассчитывает RGB и контраст из указанного HEX.
- Версия
- CSS Color Module Level 4
- Источник
- Таблица именованных цветов W3C
- Лицензия
- W3C Document License
Полный поиск
Ищите, сравнивайте и копируйте.
Локальный фильтр понимает ключевое слово, русское отображаемое имя, HEX, RGB и семейство. Текст поиска остаётся в браузере и не создаёт новый индексируемый URL.
Найдено 139 из 139 цветов; сейчас показано 24
#FAEBD7Нейтральные
antiquewhite
Античный белыйСкопировать CSS, HEX или RGB
- Чёрный текст
- 17.93:1
- Белый текст
- 1.17:1
#7FFFD4Циановые
aquamarine
АквамариновыйСкопировать CSS, HEX или RGB
- Чёрный текст
- 17.16:1
- Белый текст
- 1.22:1
#F0FFFFЦиановые
azure
ЛазурныйСкопировать CSS, HEX или RGB
- Чёрный текст
- 20.45:1
- Белый текст
- 1.03:1
#F5F5DC#FFE4C4Оранжевые
bisque
БисквитныйСкопировать CSS, HEX или RGB
- Чёрный текст
- 17.15:1
- Белый текст
- 1.22:1
#000000Нейтральные
black
ЧёрныйСкопировать CSS, HEX или RGB
- Чёрный текст
- 1.00:1
- Белый текст
- 21.00:1
#FFEBCDОранжевые
blanchedalmond
Бланшированный миндальСкопировать CSS, HEX или RGB
- Чёрный текст
- 18.02:1
- Белый текст
- 1.17:1
#0000FF#8A2BE2Фиолетовые
blueviolet
Сине-фиолетовыйСкопировать CSS, HEX или RGB
- Чёрный текст
- 3.52:1
- Белый текст
- 5.96:1
#A52A2AКрасные
brown
КоричневыйСкопировать CSS, HEX или RGB
- Чёрный текст
- 2.96:1
- Белый текст
- 7.08:1
#DEB887Оранжевые
burlywood
Светло-древесныйСкопировать CSS, HEX или RGB
- Чёрный текст
- 11.31:1
- Белый текст
- 1.86:1
#5F9EA0Циановые
cadetblue
Кадетский синийСкопировать CSS, HEX или RGB
- Чёрный текст
- 6.88:1
- Белый текст
- 3.05:1
#7FFF00Зелёные
chartreuse
ШартрезСкопировать CSS, HEX или RGB
- Чёрный текст
- 16.21:1
- Белый текст
- 1.30:1
#D2691EОранжевые
chocolate
ШоколадныйСкопировать CSS, HEX или RGB
- Чёрный текст
- 5.78:1
- Белый текст
- 3.63:1
#FF7F50Красные
coral
КоралловыйСкопировать CSS, HEX или RGB
- Чёрный текст
- 8.40:1
- Белый текст
- 2.50:1
#6495EDСиние
cornflowerblue
ВасильковыйСкопировать CSS, HEX или RGB
- Чёрный текст
- 7.06:1
- Белый текст
- 2.97:1
#FFF8DCЖёлтые
cornsilk
Кукурузный шёлкСкопировать CSS, HEX или RGB
- Чёрный текст
- 19.71:1
- Белый текст
- 1.07:1
#DC143CКрасные
crimson
МалиновыйСкопировать CSS, HEX или RGB
- Чёрный текст
- 4.21:1
- Белый текст
- 4.99:1
#00FFFFЦиановые
cyan / aqua
Циан / AquaСкопировать CSS, HEX или RGB
- Чёрный текст
- 16.75:1
- Белый текст
- 1.25:1
#00008BСиние
darkblue
Тёмно-синий DarkBlueСкопировать CSS, HEX или RGB
- Чёрный текст
- 1.37:1
- Белый текст
- 15.30:1
#008B8BЦиановые
darkcyan
Тёмный цианСкопировать CSS, HEX или RGB
- Чёрный текст
- 5.07:1
- Белый текст
- 4.15:1
#B8860BЖёлтые
darkgoldenrod
Тёмно-золотистыйСкопировать CSS, HEX или RGB
- Чёрный текст
- 6.45:1
- Белый текст
- 3.25:1
#A9A9A9Нейтральные
darkgray / darkgrey
Тёмно-серый (darkgray / darkgrey)Скопировать CSS, HEX или RGB
- Чёрный текст
- 8.94:1
- Белый текст
- 2.35:1
Полный связанный список 139 канонических цветов CSS
- aliceblue
#F0F8FF - antiquewhite
#FAEBD7 - aquamarine
#7FFFD4 - azure
#F0FFFF - beige
#F5F5DC - bisque
#FFE4C4 - black
#000000 - blanchedalmond
#FFEBCD - blue
#0000FF - blueviolet
#8A2BE2 - brown
#A52A2A - burlywood
#DEB887 - cadetblue
#5F9EA0 - chartreuse
#7FFF00 - chocolate
#D2691E - coral
#FF7F50 - cornflowerblue
#6495ED - cornsilk
#FFF8DC - crimson
#DC143C - cyan / aqua
#00FFFF - darkblue
#00008B - darkcyan
#008B8B - darkgoldenrod
#B8860B - darkgray / darkgrey
#A9A9A9 - darkgreen
#006400 - darkkhaki
#BDB76B - darkmagenta
#8B008B - darkolivegreen
#556B2F - darkorange
#FF8C00 - darkorchid
#9932CC - darkred
#8B0000 - darksalmon
#E9967A - darkseagreen
#8FBC8F - darkslateblue
#483D8B - darkslategray / darkslategrey
#2F4F4F - darkturquoise
#00CED1 - darkviolet
#9400D3 - deeppink
#FF1493 - deepskyblue
#00BFFF - dimgray / dimgrey
#696969 - dodgerblue
#1E90FF - firebrick
#B22222 - floralwhite
#FFFAF0 - forestgreen
#228B22 - gainsboro
#DCDCDC - ghostwhite
#F8F8FF - gold
#FFD700 - goldenrod
#DAA520 - gray / grey
#808080 - green
#008000 - greenyellow
#ADFF2F - honeydew
#F0FFF0 - hotpink
#FF69B4 - indianred
#CD5C5C - indigo
#4B0082 - ivory
#FFFFF0 - khaki
#F0E68C - lavender
#E6E6FA - lavenderblush
#FFF0F5 - lawngreen
#7CFC00 - lemonchiffon
#FFFACD - lightblue
#ADD8E6 - lightcoral
#F08080 - lightcyan
#E0FFFF - lightgoldenrodyellow
#FAFAD2 - lightgray / lightgrey
#D3D3D3 - lightgreen
#90EE90 - lightpink
#FFB6C1 - lightsalmon
#FFA07A - lightseagreen
#20B2AA - lightskyblue
#87CEFA - lightslategray / lightslategrey
#778899 - lightsteelblue
#B0C4DE - lightyellow
#FFFFE0 - lime
#00FF00 - limegreen
#32CD32 - linen
#FAF0E6 - magenta / fuchsia
#FF00FF - maroon
#800000 - mediumaquamarine
#66CDAA - mediumblue
#0000CD - mediumorchid
#BA55D3 - mediumpurple
#9370DB - mediumseagreen
#3CB371 - mediumslateblue
#7B68EE - mediumspringgreen
#00FA9A - mediumturquoise
#48D1CC - mediumvioletred
#C71585 - midnightblue
#191970 - mintcream
#F5FFFA - mistyrose
#FFE4E1 - moccasin
#FFE4B5 - navajowhite
#FFDEAD - navy
#000080 - oldlace
#FDF5E6 - olive
#808000 - olivedrab
#6B8E23 - orange
#FFA500 - orangered
#FF4500 - orchid
#DA70D6 - palegoldenrod
#EEE8AA - palegreen
#98FB98 - paleturquoise
#AFEEEE - palevioletred
#DB7093 - papayawhip
#FFEFD5 - peachpuff
#FFDAB9 - peru
#CD853F - pink
#FFC0CB - plum
#DDA0DD - powderblue
#B0E0E6 - purple
#800080 - rebeccapurple
#663399 - red
#FF0000 - rosybrown
#BC8F8F - royalblue
#4169E1 - saddlebrown
#8B4513 - salmon
#FA8072 - sandybrown
#F4A460 - seagreen
#2E8B57 - seashell
#FFF5EE - sienna
#A0522D - silver
#C0C0C0 - skyblue
#87CEEB - slateblue
#6A5ACD - slategray / slategrey
#708090 - snow
#FFFAFA - springgreen
#00FF7F - steelblue
#4682B4 - tan
#D2B48C - teal
#008080 - thistle
#D8BFD8 - tomato
#FF6347 - turquoise
#40E0D0 - violet
#EE82EE - wheat
#F5DEB3 - white
#FFFFFF - whitesmoke
#F5F5F5 - yellow
#FFFF00 - yellowgreen
#9ACD32
Канонические псевдонимы
Девять пар, по одному значению на пару.
Оба написания в каждой паре являются отдельными допустимыми ключевыми словами CSS, но задают одинаковые каналы sRGB. Hexees показывает один канонический образец и оба написания.
cyanaqua#00FFFFmagentafuchsia#FF00FFgraygrey#808080darkgraydarkgrey#A9A9A9darkslategraydarkslategrey#2F4F4Fdimgraydimgrey#696969lightgraylightgrey#D3D3D3lightslategraylightslategrey#778899slategrayslategrey#708090За пределами непрозрачной таблицы
Два полезных ключевых слова не являются образцами цвета.
transparenttransparent обозначает полностью прозрачный чёрный. Видимый результат зависит от фона под ним, поэтому это значение не входит в 148 непрозрачных именованных цветов.
currentcolorcurrentcolor получает значение из свойства color элемента. Оно зависит от контекста, а не от постоянной тройки sRGB, поэтому его нельзя показать каноническим образцом.
Границы проверки доступности
Проверяйте реальную пару и весь интерфейс.
Коэффициенты на карточках сравнивают точный непрозрачный цвет sRGB только с чёрным и белым. Для WCAG 2.2 AA требуется минимум 4,5:1 для обычного и 3:1 для крупного текста, но результат относится лишь к проверенной паре.
Градиенты, изображения, прозрачность, размер и насыщенность шрифта, состояния, индикаторы фокуса и соседние цвета нужно проверять отдельно. Эти расчёты не подтверждают соответствие всего интерфейса.
Не передавайте ошибку, состояние, выбор или обязательное действие только цветом: добавьте текст, форму или другую программно доступную подсказку.