Конвертер цветов

Конвертер цветов — мгновенное преобразование между HEX, RGB, HSL, CMYK и 14 форматами

Онлайн-конвертер цветов — бесплатный профессиональный инструмент для мгновенного преобразования между всеми форматами цветов, применяемыми в веб-дизайне, полиграфии и разработке приложений. Дизайнеры, разработчики и все, кто работает с цветом, найдут здесь полный набор необходимых инструментов.

14 поддерживаемых форматов цвета

• HEX (#rrggbb): наиболее распространённый формат в CSS и HTML, например #4f46e5
• RGB: значения красного, зелёного и синего каналов от 0 до 255 — rgb(79, 70, 229)
• RGBA: RGB с каналом прозрачности Alpha от 0 до 1
• HSL: оттенок (0-360°), насыщенность и светлота — наиболее удобный формат для ручной правки
• HSLA: HSL с прозрачностью
• HSV / HSB: формат, используемый в Photoshop, Figma и профессиональных дизайн-инструментах
• CMYK: профессиональный формат печати (Голубой, Пурпурный, Жёлтый, Чёрный)
• CIE Lab: перцептивная модель, имитирующая человеческое зрение, применяется в допечатной подготовке
• CSS Named Colors: именованные цвета CSS, например coral, indigo, tomato
• Decimal: целочисленное значение цвета (для Canvas и API)
• Android Color: формат 0xFF для разработки под Java/Kotlin
• Swift / iOS UIColor: формат UIColor(r:g:b:a:) для разработки приложений под iPhone и iPad
• CSS Filter: значение CSS filter для воспроизведения цвета через SVG-изображения
• Tailwind CSS: ближайший цвет из популярной библиотеки Tailwind CSS

Цветовые гармонии — теория цвета

Инструмент использует цветовой круг для предложения профессиональных цветовых сочетаний:

• Комплементарный: цвет, противоположный на круге — максимальный контраст, используется в ярких смелых дизайнах
• Триадный: три цвета через 120° — яркий и сбалансированный вариант
• Аналогичный: соседние цвета на круге — мягкие, гармоничные, подходят для природных мотивов
• Разделённый комплементарный: цвет с двумя соседями его дополнительного — менее резкий контраст
• Тетрадный: четыре цвета в форме прямоугольника — богатая и сложная палитра

Оттенки цвета

Инструмент отображает 18 оттенков выбранного цвета — от самого светлого до тёмного. Каждый оттенок кликабелен, что позволяет мгновенно переключаться между вариантами. Незаменимо для создания последовательных дизайн-систем.

Кто использует этот инструмент?

• Веб-разработчики: преобразование HEX в RGB и HSL прямо в коде
• Графические дизайнеры: конвертация цветов Figma/Photoshop (HSB) в CMYK для типографии
• Мобильные разработчики: получение формата UIColor для iOS или 0xFF для Android
• Специалисты по бренд-айдентике: подбор гармоничных цветовых палитр для логотипов и фирменного стиля
• Контент-менеджеры: поиск подходящих цветов для публикаций в социальных сетях