Convert between HEX, RGB, and HSL color formats. Pick visually or paste a value.
CSS variable:
--color: #4f46e5;Tailwind:
bg-[#4f46e5]Color Formats Explained
- HEX —
#4f46e5— 6 hex digits (2 each for red, green, blue). Most common in CSS. - RGB —
rgb(79, 70, 229)— red, green, blue values from 0-255. - HSL —
hsl(243, 75%, 59%)— hue (0-360°), saturation (0-100%), lightness (0-100%). Easier to reason about than RGB.