Конвертер цветов
Конвертируйте между HEX, RGB, HSL
Как использовать Конвертер цветов
Конвертируйте между HEX, RGB, HSL Бесплатный онлайн-инструмент, без регистрации, без навязчивой рекламы. Используйте прямо сейчас.
Когда нужно конвертировать цветовые коды?
Цвет в цифровом дизайне существует в нескольких форматах, каждый из которых подходит для разных контекстов. Веб-разработчики, фронтенд-специалисты и графические дизайнеры регулярно конвертируют форматы в ежедневной работе.
- Разработка CSS: Инструменты дизайна экспортируют в HEX (#7B35F5), но CSS принимает и RGB (rgb(123,53,245)), и HSL (hsl(264,91%,58%)). Конвертируйте между форматами CSS для единообразия кода.
- Брендовые цвета: Корпоративные цвета должны точно передаваться в HEX для веба, CMYK для печати, RGB для экранов. Конвертируйте для точного соответствия во всех медиа — важно для бренд-буков российских компаний.
- Доступность: HSL позволяет легко регулировать яркость, сохраняя оттенок — удобно для создания доступных цветовых вариаций с достаточным контрастом по WCAG.
- Передача дизайна разработчикам: Figma и Adobe XD экспортируют в HEX. Часть разработчиков предпочитает HSL — более интуитивная модель для прямого управления цветом в коде.
- Подготовка к печати: Экранные цвета (RGB) нужно конвертировать в CMYK для профессиональной полиграфии — RGB охватывает более широкую гамму, и яркие экранные цвета не всегда воспроизводятся при печати.
Форматы кратко: HEX (#RRGGBB) — лаконичный, универсальный для веба. RGB (0–255 на канал) — нативный формат экранов. HSL (оттенок 0–360°, насыщенность 0–100%, яркость 0–100%) — наиболее интуитивен для человека. CMYK (0–100% на канал) — для профессиональной печати.
В чём разница между RGB и RGBA?
RGBA добавляет канал прозрачности (альфа) к RGB: rgba(123,53,245,0.5) — это фиолетовый с 50% прозрачностью. Значение альфа: от 0 (полностью прозрачный) до 1 (полностью непрозрачный). HEX поддерживает альфа в 8-значной записи: #7B35F580 (80 в шестнадцатеричной = 50% непрозрачности).
Почему RGB и CMYK имеют разные гаммы цветов?
RGB — аддитивное смешение: сочетание красного, зелёного и синего света даёт белый (для экранов). CMYK — субтрактивное: голубые, пурпурные, жёлтые и чёрные чернила поглощают свет (для печати). RGB может воспроизводить более яркие и насыщенные цвета, чем воспроизводимые стандартными CMYK-чернилами в типографии.
Что такое HSL и почему он удобен?
HSL (Hue, Saturation, Lightness) разработан для интуитивного восприятия. Оттенок — сам цвет (0°=красный, 120°=зелёный, 240°=синий). Насыщенность — интенсивность (0%=серый, 100%=яркий). Яркость (0%=чёрный, 50%=чистый цвет, 100%=белый). Для осветления без изменения оттенка — просто меняйте L.
Как вручную перевести HEX в RGB?
Разбейте 6-значный HEX на 3 пары, переведите каждую из шестнадцатеричной в десятичную. #7B35F5: 7B=123 (красный), 35=53 (зелёный), F5=245 (синий) → rgb(123,53,245). Конвертер делает это мгновенно, но понимание алгоритма помогает напрямую читать HEX в коде.
Что такое цветовой профиль (sRGB, AdobeRGB, Display P3)?
Цветовой профиль определяет гамму цветов, воспроизводимую устройством. sRGB — стандарт для веба и обычных мониторов. AdobeRGB охватывает примерно на 50% больше видимого спектра — используется в профессиональной фотографии. Display P3 (устройства Apple) — шире sRGB примерно на 25%. Для веб-контента всегда используйте sRGB.
Конвертер цветов vs пипетка vs генератор палитры
Конвертер цветов преобразует существующие значения между форматами. Пипетка (DevTools браузера, системный подборщик цветов) позволяет выбрать цвет визуально и экспортировать его значение. Генератор палитры создаёт гармоничные сочетания цветов по теории цвета из базового цвета. Проверка контраста проверяет соответствие сочетаний стандартам доступности WCAG. Все четыре используются в работе дизайнера.