Конвертер цветов
HEX, RGB, HSL, HSV, CMYK, Pantone в один клик
Конвертируйте между HEX, RGB, HSL и именованными цветами CSS.
Обрабатывайте до 200 изображений за задание — выберите настройки один раз, примените ко всем.
Введите HEX, RGB, HSL или любую другую распространенную цветовую нотацию — получите эквивалент во всех остальных форматах. Полезно, когда дизайнер передает HEX, типография требует CMYK, разработчик хочет HSL, а в брендбуке указан Pantone.
Поддерживаемые форматы
- HEX: #2464C4 или 2464C4. Веб-стандарт.
- RGB: rgb(36, 100, 196) или 36,100,196. Десятичные каналы 0–255.
- HSL: hsl(213, 70%, 45%). Оттенок (0–360), насыщенность, светлота.
- HSV / HSB: hsv(213, 82%, 77%). Используется в Photoshop и Sketch.
- CMYK: cmyk(82%, 49%, 0%, 23%). Для полиграфии.
- Ближайший Pantone: приблизительное соответствие с названием и кодом. Полезно для бренд-референсов.
- Именованные цвета CSS: 'cornflowerblue', 'tomato' и т.д.
Почему эти форматы важны
HEX — стандарт для веба/разработки: его вставляют в CSS и большинство дизайн-инструментов. RGB и HSL выражают один и тот же цвет по-разному; HSL проще редактировать вручную (сдвинуть оттенок, осветлить). CMYK — для печати: цвет на экране не совпадет с напечатанным в точности, так как у CMYK меньший охват. Pantone — для плашечной печати, где важна точность (логотип на фирменном бланке, упаковка).
Что этот инструмент не делает
Это конвертация, а не подбор. Чтобы выбрать цвет из фото, используйте наш Пипетку. Чтобы извлечь палитру из изображения — Экстрактор палитры. Чтобы создать градиент между двумя цветами — Генератор градиентов.
Часто задаваемые вопросы
Насколько точным является подбор Pantone?
Мы вычисляем ближайший цвет Pantone Coated по цветовому расстоянию Lab. Настоящее сопоставление Pantone для печати должно выполняться типографией с использованием эталонных образцов.
Почему CMYK выглядит иначе на экране?
Экраны используют RGB; CMYK имеет меньший цветовой охват. Предварительный просмотр на экране — это лишь приближение, а не точное соответствие печати.
Могу ли я конвертировать массово?
Да — вставьте список HEX-значений, по одному на строку, и получите все форматы в виде CSV.
Поддерживает ли 8-значный HEX с альфа-каналом?
Да — #2464C4FF (последние две цифры — альфа 0–FF). Альфа-канал сохраняется при выводе в любых форматах.
Что такое HSL и HSV?
Одинаковый оттенок; светлота (HSL) и яркость (HSV) описывают яркость по-разному. HSV более интуитивен для выбора; HSL — для настройки.
Чувствительны ли названия цветов к регистру?
Нет — 'CornFlowerBlue' и 'cornflowerblue' оба работают.
Могу ли я поделиться URL палитры?
Да — скопируйте URL-адрес после вставки вашего цвета. HEX находится в пути, поэтому вы можете добавить в закладки и поделиться.
Что такое цветовой охват?
Диапазон цветов, который может отображать система. Примерно: OLED-телефон > монитор sRGB > CMYK-печать > газетная бумага.
О проекте Конвертер цветов
Конвертер цветов — это бесплатный онлайн-инструмент от Wallpapers.com, который работает полностью в вашем браузере — без установки, без водяных знаков, без регистрации по email для первой попытки.
Конвертируйте между HEX, RGB, HSL и именованными цветами CSS.
Как использовать Конвертер цветов
- Выберите цвет из палитры или вставьте HEX / RGB значение.
- Настройте вывод — палитра, контраст, дополнительные цвета.
- Скопируйте значение или экспортируйте образец как JSON.
Когда это использовать
Типичные случаи использования включают:
подготовка изображений для веб-загрузки, товаров в e-commerce, платформ соцсетей с ограничениями формата и конвертация файлов между устройствами или приложениями.
Free vs Premium
Каждый посетитель получает бесплатный пробный запуск; вошедшие в систему бесплатные пользователи получают более высокую дневную квоту. Подпишитесь на
Премиум
для неограниченных запусков, пакетной обработки до 200 изображений за задачу, приоритетной очереди и просмотра без рекламы.
Связанные инструменты
Ищете что-то другое? Попробуйте
Пипетка цвета из изображения
,
Экстрактор палитры
или
Генератор градиентов
— or browse all
Инструменты цвета инструменты.
