Instantly convert colors between RGB, HEX, and HSL. Use the color picker, type a HEX code, or drag the sliders — all values update live. Click any output to copy the CSS-ready value.

Color Input

RGB Sliders

R
G
B

HSL Sliders

H 243°
S 100%
L 70%
HEX #6C63FF
RGB rgb(108, 99, 255)
HSL hsl(243, 100%, 70%)

Color History (last 10)

No history yet — pick a color to start.

Generate color palettes → Color Palette Generator Check contrast → Contrast Checker Simulate color blindness → Color Blindness Simulator