Справочник названий цветов
Просматривайте все 148 именованных цветов HTML/CSS с их значениями HEX и RGB. Ищите по названию цвета, коду HEX или значению RGB — и сразу видите ближайший именованный цвет. Фильтруйте по цветовой группе, чтобы изучить семейства Red, Pink, Orange, Yellow, Purple, Green, Blue, Brown, White и Gray. Без регистрации.
Browse all 141 named HTML/CSS colors. Search by name, HEX, or RGB value. When you enter a hex code, we show the nearest named color instantly.
Зачем использовать наш справочник названий цветов?
- Мгновенный поиск по всем 148 цветам: наш справочник названий цветов позволяет искать по названию цвета, значению HEX или значению RGB в реальном времени. Находите любой именованный цвет CSS сразу — без перезагрузки страницы и ожидания, просто введите запрос и смотрите результаты.
- Копирование названия, HEX и RGB в один клик: нажмите на любой образец, название, код HEX или значение RGB, чтобы мгновенно скопировать его в буфер обмена. Наш справочник названий цветов упрощает получение точного значения для вашего CSS или графического редактора.
- Безопасный справочник названий цветов онлайн: наш справочник работает полностью в браузере — никакие данные не отправляются на серверы. Просматривайте, ищите и копируйте значения цветов с полной конфиденциальностью. Работает офлайн после загрузки страницы.
- Названия цветов без установки и на 100 % бесплатно: пользуйтесь справочником названий цветов прямо в любом браузере, без загрузок, аккаунта и рекламы. Просматривайте все 148 именованных цветов HTML/CSS, организованных по группам — совершенно бесплатно навсегда.
Типичные сценарии использования справочника названий цветов
- Разработка CSS и HTML: используйте наш справочник названий цветов, чтобы быстро найти точный именованный цвет для ваших таблиц стилей CSS. Именованные цвета вроде Tomato, CornflowerBlue и MediumSeaGreen — допустимые значения CSS, HEX не нужен.
- Прототипирование дизайна: дизайнеры используют наш справочник названий цветов, чтобы изучить всю палитру браузерных цветов при прототипировании. Копируйте любое значение HEX или RGB прямо в Figma, Sketch или Adobe XD.
- Изучение веб-цветов: студенты и разработчики, изучающие CSS, используют наш справочник названий цветов, чтобы узнать полный набор именованных цветов, доступных в любом браузере. Просматривайте по группам, чтобы увидеть, как организованы цвета.
- Проверка доступности и контраста: используйте наш справочник названий цветов, чтобы подобрать цвета с достаточным контрастом для доступного дизайна интерфейса. Просматривайте светлые и тёмные именованные цвета, чтобы найти комбинации, соответствующие рекомендациям WCAG.
- Разработка шаблонов писем: шаблоны писем часто требуют именованных цветов для максимальной совместимости с почтовыми клиентами. Наш справочник названий цветов даёт точное название, HEX и RGB каждого поддерживаемого цвета.
- Разработка SVG и Canvas: SVG и HTML Canvas принимают строки именованных цветов напрямую. Используйте наш справочник названий цветов, чтобы подобрать именованный цвет для свойств fill, stroke и background в коде SVG или canvas.
Что такое названия цветов HTML?
Названия цветов HTML — это предопределённые, удобочитаемые ключевые слова цвета, которые все современные браузеры распознают как допустимые CSS-значения. Вместо #FF6347 можно написать Tomato прямо в CSS и получить точно такой же результат. Спецификация CSS определяет 148 именованных цветов: от базовых вроде Red и Blue до описательных названий вроде PapayaWhip , MidnightBlue и RebeccaPurple . Наш справочник названий цветов перечисляет каждый именованный цвет со значениями HEX и RGB, чтобы вы нашли и скопировали точное нужное значение.
Как работает наш справочник названий цветов
- Просматривайте или ищите: используйте строку поиска, чтобы найти любое название цвета HTML по названию, коду HEX или значению RGB. Или нажмите фильтр цветовой группы (Red, Pink, Orange и т. д.), чтобы просматривать цвета по семействам. Вся фильтрация выполняется мгновенно в браузере.
- Мгновенный справочник в браузере: все 148 именованных цветов HTML/CSS загружаются локально — без запросов к серверу и вызовов API. Весь справочник названий цветов HTML работает офлайн после загрузки страницы. Ваши поиски и действия никогда не покидают устройство.
- Копируйте любое значение: нажмите на образец цвета, чтобы скопировать значение HEX. Нажмите отдельно на название цвета, код HEX или значение RGB, чтобы скопировать каждое. Галочка подтверждает успешное копирование.
Что включает справочник названий цветов
- Название цвета: точное ключевое слово CSS (например, CornflowerBlue ) — в CSS нечувствительно к регистру, но показано в канонической смешанной форме для читаемости.
- Значение HEX: шестизначный шестнадцатеричный код цвета (например, #6495ED ) — самый распространённый формат веб-цветов в HTML и CSS.
- Значение RGB: значения каналов красного, зелёного и синего (например, rgb(100, 149, 237) ) — готово к вставке в CSS, canvas JavaScript или любой графический редактор.
- Цветовые группы: все 148 цветов организованы в 10 групп — Red, Pink, Orange, Yellow, Purple, Green, Blue, Brown, White и Gray — для удобного просмотра и поиска.
Важные замечания об именованных цветах HTML
Названия цветов HTML нечувствительны к регистру в CSS: и cornflowerblue, и CornflowerBlue допустимы. Учтите, что Fuchsia и Magenta — алиасы одного цвета ( #FF00FF ), как и Aqua с Cyan ( #00FFFF ). Для продакшен-CSS именованные цвета полностью поддерживаются всеми современными браузерами и являются допустимой альтернативой значениям HEX или RGB.
Часто задаваемые вопросы
Названия цветов HTML — это предопределённые ключевые слова CSS, обозначающие конкретные цвета, например Tomato, CornflowerBlue или MediumSeaGreen. Все 148 именованных цветов распознаются всеми современными браузерами как допустимые CSS-значения. Наш справочник названий цветов перечисляет каждый именованный цвет с его эквивалентами HEX и RGB.
Спецификация CSS Color Level 4 определяет 148 именованных цветов: от базовых (Red, Blue, Green) до описательных названий (Tomato, Coral, Salmon) и исторических имён вроде RebeccaPurple. Наш справочник включает все 148.
Нет. Названия цветов HTML нечувствительны к регистру в CSS: cornflowerblue, CornflowerBlue и CORNFLOWERBLUE дают одинаковый результат.
Да. Наш справочник названий цветов работает полностью в браузере: все 148 цветов загружаются локально без запросов к серверу. Ваши поиски и действия никогда не покидают устройство.
Да, наш справочник названий цветов на 100 % бесплатен, без регистрации, аккаунта, ограничений использования и рекламы.
Да. Именованные цвета HTML допустимы в CSS, SVG (атрибуты fill и stroke) и HTML Canvas (fillStyle, strokeStyle). Их также принимают большинство графических редакторов, поддерживающих ввод цветов CSS.
Fuchsia и Magenta — алиасы одного цвета (#FF00FF), как и Aqua с Cyan (#00FFFF). Эти дубликаты существуют для исторической совместимости с соглашениями об именах HTML 4 и CSS.
RebeccaPurple (#663399) был добавлен в CSS Color Level 4 в 2014 году в честь Ребекки Элисон Мейер, дочери активиста веб-стандартов Эрика Мейера. Это единственный именованный цвет CSS, названный в честь конкретного человека.