Designer / Color
Color Picker
Pick a color, convert between HEX, RGB, and HSL, and build quick palettes in your browser. Convert values instantly, build a quick palette, and copy CSS-ready outputs without leaving the browser.
#2563eb
HEX
37, 99, 235
RGB
221, 83%, 53%
HSL
100%
Opacity
Loaded starter color
Live preview
#2563eb
CSS-ready output, palette context, and quick copy actions all update from the same source color.
HEX
#2563eb
RGB
rgb(37, 99, 235)
RGBA
rgba(37, 99, 235, 1.00)
HSL
hsl(221, 83%, 53%)
CSS variable
--brand-color: #2563eb;
Tailwind style
bg-[#2563eb]
Recent colors
Shade palette
Accent variants
Gradient pair
linear-gradient(135deg, #2563eb, #4824eb)