Именованные цвета CSS
Все 148 именованных цветов CSS с hex-кодами. Фильтрация по группам, поиск и копирование одним кликом.
Об этом инструменте
CSS определяет 148 именованных цветов, которые можно использовать везде, где принимается значение цвета — в CSS-свойствах, атрибутах SVG и HTML-атрибутах цвета. Именованные цвета проще читать, чем HEX-коды, и они поддерживаются всеми современными браузерами.
В этом справочнике перечислены все именованные цвета с HEX-эквивалентами, сгруппированные по цветовым семействам. Нажмите на любой образец, чтобы скопировать CSS-имя цвета в буфер обмена.
Как использовать
- Просматривайте сетку или фильтруйте по цветовой группе с помощью выпадающего списка.
- Ищите по имени (например, "blue") или HEX-коду (например, "#0000ff").
- Нажмите на образец, чтобы скопировать CSS-имя цвета (например, cornflowerblue).
- Используйте имя непосредственно в CSS: color: cornflowerblue;
Случаи использования
Фронтенд-разработчики быстро находят название цвета, который помнят визуально. Дизайнеры проверяют, какой именованный CSS-цвет ближе всего к цвету бренда. Педагоги используют этот справочник при обучении синтаксису CSS-цветов. Разработчики используют именованные цвета в прототипах и демо для удобочитаемости.
Частые вопросы
- Сколько именованных CSS-цветов существует? CSS Color Level 4 определяет 148 именованных цветов, плюс transparent и currentcolor.
- Одинаковы ли именованные цвета в разных браузерах? Да. Именованные цвета полностью стандартизированы и дают одинаковые результаты во всех современных браузерах.
- Можно ли использовать именованные цвета в SVG? Да. SVG принимает те же CSS-имена цветов для атрибутов fill и stroke.