Color Picker & Converter
Convert HEX ↔ RGB ↔ HSL with palette preview
#3B82F6
R59
G130
B246
rgb(59, 130, 246)
H217°
S91%
L60%
hsl(217, 91%, 60%)
Color Scale
DarkestLightest
Color Harmony
Complementary
Triadic
Popular Colors
Copy Formats
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CSS Var--color: #3b82f6;
Tailwind (approx)bg-[#3b82f6]