Код цвета HTML
Код цвета в HEX, RGB, HSL и HSB сразу, проверка контраста по WCAG, сочетания и справочник 148 имён CSS
Результат
ближайшее из 148 имён CSS
Читается ли текст этим цветом ?
Сочетания
Светлее и темнее
Именованные цвета CSS
| Цвет | Название CSS | По-русски | HEX |
|---|---|---|---|
aliceblue |
алисовый синий | #F0F8FF | |
antiquewhite |
старинный белый | #FAEBD7 | |
aqua |
аква | #00FFFF | |
aquamarine |
аквамарин | #7FFFD4 | |
azure |
лазурный | #F0FFFF | |
beige |
бежевый | #F5F5DC | |
bisque |
бисквитный | #FFE4C4 | |
black |
чёрный | #000000 | |
blanchedalmond |
бланшированный миндаль | #FFEBCD | |
blue |
синий | #0000FF | |
blueviolet |
сине-фиолетовый | #8A2BE2 | |
brown |
коричневый | #A52A2A | |
burlywood |
светлое дерево | #DEB887 | |
cadetblue |
кадетский синий | #5F9EA0 | |
chartreuse |
шартрез | #7FFF00 | |
chocolate |
шоколадный | #D2691E | |
coral |
коралловый | #FF7F50 | |
cornflowerblue |
васильковый | #6495ED | |
cornsilk |
кукурузный шёлк | #FFF8DC | |
crimson |
малиновый | #DC143C | |
cyan |
циан | #00FFFF | |
darkblue |
тёмно-синий | #00008B | |
darkcyan |
тёмный циан | #008B8B | |
darkgoldenrod |
тёмно-золотой | #B8860B | |
darkgray |
тёмно-серый | #A9A9A9 | |
darkgreen |
тёмно-зелёный | #006400 | |
darkgrey |
тёмно-серый | #A9A9A9 | |
darkkhaki |
тёмный хаки | #BDB76B | |
darkmagenta |
тёмная фуксия | #8B008B | |
darkolivegreen |
тёмный оливковый | #556B2F | |
darkorange |
тёмно-оранжевый | #FF8C00 | |
darkorchid |
тёмная орхидея | #9932CC | |
darkred |
тёмно-красный | #8B0000 | |
darksalmon |
тёмный лососевый | #E9967A | |
darkseagreen |
тёмный морской | #8FBC8F | |
darkslateblue |
тёмный грифельно-синий | #483D8B | |
darkslategray |
тёмный грифельно-серый | #2F4F4F | |
darkslategrey |
тёмный грифельно-серый | #2F4F4F | |
darkturquoise |
тёмная бирюза | #00CED1 | |
darkviolet |
тёмно-фиолетовый | #9400D3 | |
deeppink |
насыщенный розовый | #FF1493 | |
deepskyblue |
насыщенный небесный | #00BFFF | |
dimgray |
тусклый серый | #696969 | |
dimgrey |
тусклый серый | #696969 | |
dodgerblue |
ярко-синий | #1E90FF | |
firebrick |
кирпичный | #B22222 | |
floralwhite |
цветочный белый | #FFFAF0 | |
forestgreen |
лесной зелёный | #228B22 | |
fuchsia |
фуксия | #FF00FF | |
gainsboro |
светло-серый | #DCDCDC | |
ghostwhite |
призрачный белый | #F8F8FF | |
gold |
золотой | #FFD700 | |
goldenrod |
золотарник | #DAA520 | |
gray |
серый | #808080 | |
green |
зелёный | #008000 | |
greenyellow |
зелёно-жёлтый | #ADFF2F | |
grey |
серый | #808080 | |
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 |
светло-серый | #D3D3D3 | |
lightgreen |
светло-зелёный | #90EE90 | |
lightgrey |
светло-серый | #D3D3D3 | |
lightpink |
светло-розовый | #FFB6C1 | |
lightsalmon |
светлый лососевый | #FFA07A | |
lightseagreen |
светлый морской | #20B2AA | |
lightskyblue |
светлый небесный | #87CEFA | |
lightslategray |
светлый грифельный | #778899 | |
lightslategrey |
светлый грифельный | #778899 | |
lightsteelblue |
светлый стальной | #B0C4DE | |
lightyellow |
светло-жёлтый | #FFFFE0 | |
lime |
лайм | #00FF00 | |
limegreen |
лаймовый зелёный | #32CD32 | |
linen |
льняной | #FAF0E6 | |
magenta |
пурпурный | #FF00FF | |
maroon |
бордовый | #800000 | |
mediumaquamarine |
умеренный аквамарин | #66CDAA | |
mediumblue |
умеренный синий | #0000CD | |
mediumorchid |
умеренная орхидея | #BA55D3 | |
mediumpurple |
умеренный пурпурный | #9370DB | |
mediumseagreen |
умеренный морской | #3CB371 | |
mediumslateblue |
умеренный грифельно-синий | #7B68EE | |
mediumspringgreen |
умеренный весенний | #00FA9A | |
mediumturquoise |
умеренная бирюза | #48D1CC | |
mediumvioletred |
умеренный фиолетово-красный | #C71585 | |
midnightblue |
полуночный синий | #191970 | |
mintcream |
мятный крем | #F5FFFA | |
mistyrose |
туманная роза | #FFE4E1 | |
moccasin |
мокасиновый | #FFE4B5 | |
navajowhite |
навахо белый | #FFDEAD | |
navy |
тёмно-синий морской | #000080 | |
oldlace |
старое кружево | #FDF5E6 | |
olive |
оливковый | #808000 | |
olivedrab |
тусклый оливковый | #6B8E23 | |
orange |
оранжевый | #FFA500 | |
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 |
грифельно-серый | #708090 | |
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 |
Ничего не нашлось.
Цвет задаётся двумя способами: ползунками оттенка и прозрачности либо строкой в любом привычном виде. Понимаются HEX, в том числе короткий и с прозрачностью, rgb и rgba, hsl и hsla, а ещё имена цветов CSS: и английские вроде tomato, и русские вроде «томатный».
В ответе сразу все записи одного цвета: HEX, HEX8, RGB, RGBA, HSL, HSLA и HSB. Копировать нужную можно щелчком, переводить из формата в формат руками не придётся.
Отдельно проверяется читаемость: инструмент считает контраст с белым и чёрным текстом по методике WCAG и говорит, проходит ли пара уровень AA или AAA. Это тот случай, когда красивый на вид цвет оказывается негодным для подписей.
Ниже подбираются сочетания: противоположный цвет, триада, тетрада, соседние и монохромные оттенки. Рядом ряды осветления и затемнения, чтобы взять готовый тон для наведения или нажатия.
Ещё показывается ближайший именованный цвет CSS, а в конце страницы лежит справочник всех 148 имён с русскими названиями и кодами.
Оцените инструмент
Помогите нам стать лучше
Ваша оценка на Яндексе окажет нам поддержку!
Оставить оценку на ЯндексеРасскажите, чего не хватило.
Другие инструменты
Специальные символы HTML
487 знаков в двенадцати разделах, с копированием щелчком
Визуальный HTML-редактор
Пишете как в текстовом редакторе — получаете готовый HTML
Эффект стекла в CSS
Стекло с проверкой читаемости надписи и запасным вариантом
Конвертер CSS в SCSS и обратно
CSS в SCSS со вложенностью и обратно, со сверкой результата
Конструктор сеток CSS Grid
Сетка под три экрана с готовым HTML и проверкой порядка блоков
Генератор CSS-градиентов
Градиент без серой середины, с проверкой читаемости текста
Генератор теней box-shadow
Тень слоями, с предпросмотром на двух фонах и проверкой видимости
Конвертер цветов
Цвет в десяти записях, с проверкой охвата sRGB и P3