Конвертер именованных цветов в HEX

• Мгновенный поиск именованных цветов: конвертер обновляет все значения при каждом нажатии клавиши — никаких кнопок. Начните вводить именованный цвет CSS, и автодополнение сразу отфильтрует все 148 именованных цветов CSS. Выберите один, чтобы немедленно увидеть значения HEX, RGB, HSL, яркость и значения отдельных каналов.
• Умный поиск с автодополнением: конвертер поддерживает нечёткое и частичное сопоставление. Введите «blue» и увидите все синие оттенки, а введите «rebecca», чтобы найти rebeccapurple. Поиск охватывает и CSS-название (cornflowerblue), и отображаемое название (Cornflower Blue) для максимальной гибкости.
• 100 % конфиденциально, без загрузки: всё преобразование происходит локально в браузере. Ваши значения цвета не покидают устройство и не отправляются на сервер — это безопасно для клиентских проектов и проприетарных дизайн-систем. Вся база именованных цветов CSS встроена в страницу.
• Бесплатно и без ограничений: ищите неограниченное число именованных цветов без регистрации, подписки и лимитов. Конвертер полностью бесплатен навсегда, а интерфейс не перекрывают объявления.

• Разработка и прототипирование на CSS: веб-разработчики используют конвертер, чтобы быстро находить именованные цвета CSS при прототипировании. Вместо запоминания hex-кодов достаточно ввести естественные названия вроде «coral» или «rebeccapurple» и получить точные значения HEX, RGB и HSL для таблиц стилей.
• Передача макетов и коммуникация: дизайнеры и разработчики используют конвертер при обсуждении цветовых спецификаций. Именованные цвета CSS дают общий язык: сказать «используй mediumseagreen для кнопки» понятнее, чем ссылаться на hex-код во время ревью дизайна.
• Изучение CSS и веб-дизайна: студенты, изучающие веб-разработку, используют конвертер, чтобы понять, как именованные цвета CSS соотносятся с реальными значениями цвета. Это учебный инструмент, помогающий новичкам осознать связь между названиями цветов и их числовыми представлениями.
• Исследование цветовых тем: дизайнеры, подбирающие цветовые темы, используют конвертер, чтобы быстро просматривать именованные цвета CSS по семействам. Ищите все фиолетовые тона, оттенки синего или тёплые красные, чтобы найти идеальный именованный цвет для дизайн-системы.
• CodePen и быстрые прототипы: фронтенд-разработчики, создающие быстрые прототипы или демо на CodePen, используют конвертер, чтобы находить цвета, не покидая браузер. Именованные цвета часто читабельнее hex-кодов во встроенных стилях и демонстрационном коде.
• Программирование SVG и графики: разработчики графики, работающие с SVG, Canvas или WebGL, используют конвертер для доступа ко всей палитре именованных цветов CSS. Именованные цвета часто применяются в файлах SVG и графических API благодаря читабельности и единообразию в разных браузерах.

Именованные цвета CSS — это предопределённые цветовые ключевые слова, распознаваемые всеми современными браузерами. Спецификация CSS Color Level 4 определяет 148 именованных цветов : от распространённых red и blue до более выразительных rebeccapurple и cornflowerblue . Наш конвертер именованных цветов в HEX даёт мгновенный доступ ко всем 148 цветам с поиском по автодополнению.

1. Начните вводить название цвета: введите любой именованный цвет CSS (например, «coral», «rebecca», «sky blue»). Автодополнение сразу отфильтрует полную базу из 148 именованных цветов CSS. Искать можно по CSS-названию ( cornflowerblue ) или по отображаемому названию ( Cornflower Blue ). Вся обработка выполняется локально в браузере.
2. Выберите цвет или дайте автозаполнению сработать: нажмите на подсказку в списке или продолжайте вводить, пока не останется единственное совпадение. Предпросмотр цвета и все значения обновляются в реальном времени по мере ввода. Большой образец показывает выбранный цвет с полосами каналов красного, зелёного и синего.
3. Копируйте любое значение мгновенно: используйте кнопку «Копировать» рядом с любой строкой вывода (HEX, RGB, HSL), чтобы скопировать конкретное значение, или «Копировать всё», чтобы скопировать полные данные о цвете, включая название и яркость.

• Красный и розовый: 20 цветов от чистого красного до розовых тонов, включая crimson , deeppink и hotpink .
• Оранжевый и жёлтый: 14 тёплых цветов от darkorange до lightyellow , включая семейства gold и khaki.
• Зелёный и голубой: 33 цвета, охватывающие весь зелёный спектр и бирюзовые тона, от forestgreen до turquoise .
• Синий и фиолетовый: 35 холодных цветов от глубокого midnightblue до светлого lavender , включая знаменитый rebeccapurple .
• Коричневый, белый, серый и чёрный: 46 нейтральных и земляных цветов от saddlebrown и wheat до полного семейства серых и чистого чёрного .

Именованные цвета CSS улучшают читабельность кода по сравнению с обычными hex-кодами. Запись background: cornflowerblue самодокументируема лучше, чем background: #6495ED . Именованные цвета также полезны в файлах SVG, вызовах Canvas API и любом контексте, где названия цветов повышают ясность. Однако для продакшн-дизайн-систем сочетание собственных свойств CSS с семантическими именами (например, --color-primary ) и именованных цветов даёт и читабельность, и гибкость.

Наш конвертер именованных цветов в HEX соединяет именованные цвета и точные числовые значения. Прототипируете ли вы, изучаете CSS или вам нужно преобразовать именованный цвет в точный эквивалент HEX или RGB для дизайн-системы — инструмент даёт мгновенный и точный результат без серверной обработки.