Color Converter

В 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)]. Конвертер даёт все форматы для удобной подстановки.