Перейти к содержанию
Логотип CrateX.app

CrateX.app

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

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

Конвертер цветовых форматов: Поддерживает преобразование форматов цветов между HEX, RGB, HSL и CMYK, обеспечивая предварительный просмотр в реальном времени и выбор цвета. Автоматическое синхронизированное преобразование, подходит для передачи дизайна, стилизации CSS и унификации руководств по стилю.

HEX

#

RGB

HSL

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

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

1
Выбор/ввод: введите поддерживаемый формат (#1E90FF, rgb(30,144,255), hsl(210,100%,56%)) или используйте пипетку
2
Автоконвертация: ввод в одном формате мгновенно обновляет остальные
3
Копирование: кнопка рядом с каждым форматом — для получения нормализованной строки

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

Дизайн‑handoff

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

Стайлгайд

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

Печать

перевести экранный цвет в CMYK как первую оценку (нужна проба)

Доступность

использовать превью для быстрой оценки контраста (точные коэффициенты — в отдельном инструменте)

Дополнительный сценарий

rgb to hex, color picker и color code конвертер можно закрыть в одном потоке проверки, чтобы быстрее сверить результат перед копированием или экспортом.

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

Правила ввода: HEX только 6 символов (без альфа); 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 и специализированный рабочий процесс
Без альфы: прозрачность не обрабатывается

Безопасность и конфиденциальность

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

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

5

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