Color Converter
Конвертация цветов между HEX, RGB, HSL, HSV и CMYK
HEX
#3B82F6
RGB
HSL
HSV / HSB
hsv(217, 76%, 96%)
CMYK
c
76%
m
47%
y
0%
k
4%
CSS код
color: #3B82F6;color: rgb(59, 130, 246);color: rgba(59, 130, 246, 1);color: hsl(217, 91%, 60%);О сервисе Color Converter
Color Converter переводит цвета между форматами HEX, RGB, HSL и HSV. Введите значение в любом поддерживаемом формате — инструмент покажет эквивалент во всех остальных и визуальный превью.
Часто задаваемые вопросы
HEX компактен и привычен для веба (#ff0000). HSL удобен для программной работы: изменение оттенка (hue) при фиксированной насыщенности и яркости, создание палитр. RGB нужен для rgba() с прозрачностью и для canvas/WebGL.
В HSL (Hue, Saturation, Lightness) L=50% даёт чистый цвет, выше — светлее, ниже — темнее. В HSV (Value) V=100% — максимальная яркость. HSL интуитивнее для подбора оттенков и создания палитр, HSV ближе к цветовым пипеткам в графических редакторах.
HEX: #rrggbbaa (8 символов) или #rgba (4 символа). RGB: rgba(255,0,0,0.5). HSL: hsla(0,100%,50%,0.5). Конвертер поддерживает все варианты и переводит альфа-канал между форматами.
Стандартные CSS-имена цветов (red, dodgerblue и т.д.) распознаются браузером, но не все конвертеры их принимают. Надёжнее использовать HEX, RGB или HSL. Для точной конвертации введите цвет в одном из этих форматов.
Tailwind использует HEX в конфиге. Скопируйте HEX из конвертера и добавьте в theme.extend.colors. Для произвольных значений используйте arbitrary: bg-[#1a1a2e] или text-[rgb(26,26,46)]. Конвертер даёт все форматы для удобной подстановки.
Полезные статьи
Руководства и советы по теме
Связанные инструменты
Другие полезные сервисы reChecker