Перейти к содержанию
Конвертер времени начала матчей ЧМ уже доступенСмотрите время начала в своем часовом поясе и добавляйте напоминания в календарь.
Логотип CrateX.app

CrateX.app

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

Локальное преобразование одного цвета между 6-значными HEX, RGB, HSL и CMYK с помощью палитры цветов, случайного цвета, предварительного просмотра в реальном времени, элементов управления каналами и готовых к копированию строк CSS.

HEX

#

RGB

HSL

CMYK
Конвертер цветовых форматов

Быстрый старт

1
Введите 6-значный HEX или каналы RGB/HSL/CMYK
2
Используйте палитру или случайный цвет и проверьте синхронные значения
3
Скопируйте CSS-строку HEX, RGB, HSL или CMYK

Частые сценарии

Дизайн‑handoff

перевести HEX из макетов в CSS‑RGB/HSL

Стайлгайд

унифицировать форматы и запись в библиотеке компонентов

Эталон печати

преобразуйте цвет экрана в CMYK в качестве первой оценки, затем подтвердите его с помощью проверки и рабочего процесса печати.

Доступность

используйте предварительный просмотр только для быстрой визуальной проверки; используйте специальный инструмент контрастирования для точных соотношений

Параметры конверсии и отображения

Правила ввода: HEX поддерживает только 6 цифр (#RRGGBB, без #RGB, #RGBA, #RRGGBBAA или альфа); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. Ввод не чувствителен к регистру
Предпросмотр: на desktop справа показывается live‑превью; на мобильных предпросмотр не отображается
Палитра: кнопка‑палитра в правом верхнем углу каждой карточки
Политика заглавных для HEX: вывод нормализован в верхний регистр (например, #1E90FF); ввод регистронезависимый; тумблера нет
Точная настройка: перетаскивайте буквы каналов влево/вправо (Shift×10, Alt÷0.1)
Копирование: кнопка выдает стандартизированные строки (HEX в верхнем регистре)

Рекомендации по использованию

Точность: цветоуправление устройств различается; значения пипетки могут немного расходиться
Альфа: текущие форматы без альфы; используйте rgba()/hsla() или отдельный канал
Цветовое пространство: в вебе — sRGB; в P3/Display‑P3 проверяйте особо тщательно
Единообразие: согласуйте канонический формат в CSS (например, HSL)

Ограничения и совместимость

Различия устройств: мониторы/браузеры/ОС по‑разному управляют цветом; вид может отличаться
CMYK является приблизительным: значения зависят от профилей ICC, бумаги, чернил, устройств и цветопробы; используйте это как ссылку, а не значение, готовое к печати
Нет альфа-канала: этот инструмент не обрабатывает значения прозрачности, rgba(), hsla(), #RGBA или #RRGGBBAA.
Подмножество цветов CSS: именованные цвета, прозрачный, currentColor, HWB, HSV/HSB, Lab, LCH, OKLab, OKLCH, Display-P3, device-cmyk(), относительные цвета, color-mix() и contrast-color() находятся за пределами этого инструмента.
Нет инструментов изображения или палитры: на этой странице не выполняется выборка изображений, экранная пипетка, генерация палитры, генерация градиента, проверка коэффициента контрастности, экспорт переменных CSS или экспорт токенов дизайна.

Конфиденциальность и безопасность

Обработка выполняется в браузере. Текущий цвет, значения каналов, параметры вывода, точность десятичных знаков, предпочтение верхнего регистра HEX, настройка предпросмотра и список недавних цветов могут оставаться в текущем сеансе браузера или в хранилище браузера. Если вы сохраните рабочую область или включите синхронизацию WebDAV, текущий цвет и настройки могут сохраняться согласно вашим настройкам синхронизации; недавние цвета через WebDAV не синхронизируются. Строки HEX, RGB, HSL и CMYK пересчитываются из текущего цвета и настроек и не сохраняются как отдельные результаты. Эта страница не читает изображения, не считывает экран, не загружает URL и не отправляет цвета для преобразования на сервере. На общих устройствах при необходимости очищайте цвета, настройки и данные сайта.

Частые вопросы

5

Перейдите к следующему шагу с этими связанными инструментами.

Ресурсы

Руководства

О нас

О нас
Тарифы

Правовая информация

Условия
Политика конфиденциальности
Политика файлов cookie

Настройки

Управление cookie

Вся обработка инструментов выполняется локально в вашем браузере.