Выбор цвета и конвертер

• Визуальный выбор цвета с полотном SL: наш конвертер включает полное полотно насыщенности-светлоты, ползунок оттенка, системный выбор цвета браузера и 16 готовых образцов. Выбирайте любой цвет визуально и сразу видите, как все форматы обновляются в реальном времени — без нажатия кнопок.
• Перевод в пять форматов цвета: мгновенно переводите между форматами HEX, RGB, HSL, HSV, CMYK и HWB. Изменяйте любое поле в любом формате, и все остальные обновляются автоматически. Наш конвертер также создаёт объявление пользовательского свойства CSS для немедленного использования в таблицах стилей.
• Безопасный конвертер с выбором цвета онлайн: все преобразования цвета выполняются локально в браузере с помощью чистой математики JavaScript. Никакие данные о цвете не отправляются на сервер, что обеспечивает 100 % конфиденциальность при использовании нашего онлайн-конвертера. Полностью работает офлайн после загрузки страницы.
• Конвертер с выбором цвета без установки: используйте наш бесплатный конвертер прямо в браузере — без загрузок, плагинов и аккаунта. Включает встроенную проверку контраста WCAG для белого и чёрного фонов — с любого устройства и в любое время.

• Веб- и UI-дизайн: переводите фирменные цвета между HEX и RGB для CSS или в CMYK для печатных материалов. Используйте наш конвертер, чтобы обеспечить единообразную передачу цвета в цифровых и печатных медиа без ручных расчётов.
• Разработка на CSS и Tailwind: выберите цвет визуально и сразу получите значения HEX, RGB и HSL, готовые к вставке в CSS или конфигурацию Tailwind. Наш конвертер создаёт объявление пользовательского свойства CSS для немедленного использования в дизайн-системах.
• Доступность и соответствие WCAG: проверяйте коэффициенты контраста WCAG на белом и чёрном фоне прямо в нашем конвертере. Сразу видите, соответствует ли ваш цвет стандартам доступности AA или AAA, прежде чем использовать его в интерфейсе.
• Управление фирменными цветами: переводите фирменные цвета из формата, указанного в ваших бренд-гайдах (часто CMYK для печати), в HEX и RGB для цифрового использования. Наш конвертер точно работает со всеми пятью цветовыми пространствами.
• Документация дизайн-систем: документируйте цветовые токены в нескольких форматах для документации вашей дизайн-системы. Используйте наш конвертер, чтобы создавать объявления HEX, RGB, HSL и переменных CSS для каждого цвета вашей палитры.
• Печатное и цифровое производство: переводите между цветовыми пространствами RGB (экран) и CMYK (печать) при подготовке материалов для цифрового и печатного производства. Наш конвертер даёт точные значения CMYK для любого цвета RGB или HEX.

Конвертер с выбором цвета — это инструмент, который позволяет выбрать любой цвет визуально и мгновенно переводит его между всеми основными форматами цвета, используемыми в веб-дизайне, CSS, печатном производстве и цифровом искусстве. Наш конвертер поддерживает HEX (веб-цвета), RGB (цвета экрана), HSL (оттенок-насыщенность-светлота), HSV (оттенок-насыщенность-значение), CMYK (цвета для печати) и HWB (оттенок-белизна-чернота). Изменяйте любое поле в любом формате, и все остальные форматы обновляются мгновенно — без нажатия кнопок.

1. Выберите цвет: используйте полотно насыщенности-светлоты, ползунок оттенка, системный выбор цвета браузера или готовые образцы, чтобы выбрать цвет визуально. Или введите значение напрямую в любое поле формата — HEX, RGB, HSL, CMYK или HWB.
2. Мгновенное преобразование в браузере: все цветовые расчёты выполняются локально в браузере на чистом JavaScript. Каждый формат обновляется в реальном времени при изменении любого значения. Ваши данные о цвете никогда не покидают устройство.
3. Копирование любого формата: нажмите значок копирования рядом с любым форматом цвета, чтобы скопировать его в буфер обмена. Используйте «Копировать всё», чтобы скопировать все форматы сразу. Проверка контраста WCAG показывает соответствие требованиям доступности для белого и чёрного фонов.

• HEX: шестизначная шестнадцатеричная запись (например, #3b82f6). Стандартный формат веб-цветов в HTML и CSS. Каждая пара цифр обозначает канал красного, зелёного и синего (00–FF).
• RGB: значения красного, зелёного и синего от 0 до 255 (например, rgb(59, 130, 246)). Родная цветовая модель экранов и мониторов. Используется в CSS и большинстве дизайнерских инструментов.
• HSL: оттенок (0–360°), насыщенность (0–100 %), светлота (0–100 %). Удобнее для дизайнеров — оттенок это цвет, насыщенность это интенсивность, а светлота определяет, насколько цвет светлый или тёмный.
• CMYK: голубой, пурпурный, жёлтый, ключевой (чёрный) — каждый от 0 до 100 %. Стандартная цветовая модель для печатного производства. Учтите, что преобразование RGB в CMYK без профилей ICC является приблизительным.

RGB и CMYK имеют разные цветовые охваты — не все цвета CMYK можно точно представить в RGB, и наоборот. Значения CMYK, которые показывает наш конвертер, математически выводятся из RGB и дают хорошее приближение для большинства случаев, но для профессиональной печати требуется управление профилями ICC в специализированном ПО, например Adobe Illustrator или InDesign. Для веба и экрана HEX, RGB и HSL полностью взаимозаменяемы без потери качества.