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

• Мгновенная конвертация цветовых форматов CSS: вставьте любое значение цвета CSS — hex3, hex6, hex8, rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), lch(), lab() или именованный цвет — и получите все эквивалентные форматы за миллисекунды. Конвертер обрабатывает всё в браузере без ожидания.
• Безопасный онлайн-конвертер цветовых форматов CSS: ваш CSS-код не покидает устройство. Конвертер работает полностью на стороне клиента в браузере — без загрузки на сервер, логирования данных и сторонних запросов. Конвертируйте конфиденциальные дизайн-токены и производственные таблицы стилей с полной приватностью.
• Конвертер цветовых форматов CSS без установки: работает в любом современном браузере без загрузок, плагинов и расширений. Откройте страницу и начинайте конвертировать сразу — на компьютере, планшете и телефоне.
• 100% бесплатно — без ограничений и рекламы: конвертер цветовых форматов CSS полностью бесплатен, без регистрации, аккаунта, премиум-тарифа и ограничений. Конвертируйте отдельные цвета или целые CSS-файлы сколько угодно раз — бесплатно навсегда.

• Миграция CSS на современные цветовые функции: конвертируйте устаревшие значения hex и rgb() в таблицах стилей в современные hsl() или oklch() для лучшей читаемости и удобной темизации. Конвертер обрабатывает целые CSS-блоки за один проход, экономя часы ручного поиска и замены.
• Стандартизация дизайн-токенов: приводите цветовые токены вашей дизайн-системы к единому формату во всех файлах. Используйте конвертер, чтобы каждый токен в конфиге Tailwind, CSS-переменных или SCSS-картах использовал одну и ту же запись.
• Передача из Figma и инструментов дизайна: Figma экспортирует цвета в hex или rgb(); ваш CSS-фреймворк может ожидать hsl(). Используйте конвертер, чтобы мгновенно перевести значения из макета в формат вашей кодовой базы — без ручных вычислений.
• Согласование цветов для печати и разных сред: конвертируйте экранные цвета в CMYK для печати или получайте значения CIE LAB для независимой от устройства спецификации цвета. Конвертер выдаёт CMYK и LAB вместе со всеми форматами CSS за один шаг.
• Рефакторинг и аудит кода: проверьте устаревшую кодовую базу, где hex, rgb() и именованные цвета смешаны непоследовательно. Вставьте любую таблицу стилей в режим блока конвертера и преобразуйте все цвета в нужный формат одним кликом.
• Доступность и работа с цветами по WCAG: при проверке контраста WCAG часто нужны цвета в конкретном формате. Конвертер мгновенно переводит любой цвет в формат, требуемый вашим инструментом проверки или дизайн-ревью.

Конвертация цветовых форматов CSS — это процесс выражения одного и того же значения цвета в другой нотации CSS. CSS поддерживает более десятка цветовых форматов — от классического шестнадцатеричного триплета (#rrggbb) до современных перцептивных форматов вроде oklch() и lab(). Каждый формат по-своему кодирует один и тот же цвет: hex использует 16-ричные значения каналов, rgb() — десятичные каналы 0–255, hsl() — угол оттенка и процентную светлоту, а oklch() — перцептивную светлоту и хрому. Конвертер цветовых форматов CSS разбирает любую из этих нотаций и мгновенно выдаёт все эквивалентные представления, чтобы вы использовали нужный формат без ручных вычислений.

Конвертация проходит в три шага, полностью в вашем браузере:

1. Введите цвет CSS: введите или вставьте любое значение цвета CSS на вкладке «Один цвет» — hex3, hex4, hex6, hex8, rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), lch(), lab() или один из 148 именованных цветов CSS. Для массовой конвертации переключитесь на вкладку «CSS-блок» и вставьте всю таблицу стилей.
2. Мгновенная обработка в браузере: нажмите «Конвертировать», и конвертер разберёт ввод, приведёт его к внутреннему представлению RGBA и вычислит все выходные форматы точной цветовой математикой. Никакие данные не отправляются на сервер — всё происходит локально в браузере.
3. Скопируйте или скачайте результат: в режиме «Один цвет» нажмите значок копирования рядом со строкой формата, чтобы скопировать значение. В режиме «CSS-блок» преобразованная таблица стилей появится в панели вывода — нажмите «Копировать вывод», чтобы скопировать весь преобразованный CSS.

• Форматы HEX (hex3, hex4, hex6, hex8): короткий 3-значный hex расширяется до 6 знаков; 4- и 8-значный hex включают альфа-канал. Весь hex-вывод в верхнем регистре для единообразия.
• RGB и RGBA: десятичные значения каналов 0–255 с опциональной альфой (0–1). Конвертер также принимает процентные значения rgb() и нормализует их к целым каналам.
• HSL, HSLA и HWB: форматы на основе оттенка, нативно используемые в CSS Color Level 4. Конвертер принимает оттенок в градусах, радианах, оборотах и градах и нормализует вывод к градусам.
• Современные форматы (oklch, lch, lab): перцептивно равномерные цветовые пространства из CSS Color Level 4. Конвертер разбирает эти входы и переводит их во все остальные форматы точной цветовой математикой.

Конвертер цветовых форматов CSS использует цветовое пространство sRGB как промежуточное представление. Цвета в расширенных пространствах (display-p3, rec2020), выходящие за пределы sRGB, обрезаются до ближайшего значения sRGB. Вывод CMYK использует простую математическую формулу без ICC-профилей — для промышленной печати применяйте конвертацию на основе ICC-профилей в вашей программе. Формат HSV не является нативной функцией CSS; он предоставляется как справочное значение для инструментов вроде Photoshop и Figma.