Color Converter
HEX, RGB and HSL β edit any field and the others follow. Pick from the swatch or type values, then copy in CSS format.
HEX
RGB
HSL
FAQ
When should I use HSL over HEX?
HSL separates hue, saturation and lightness β adjusting a shade (e.g. making a hover state 10% lighter) is a one-number change instead of hex math.
Are the conversions exact?
HEX and RGB are 1:1. HSL is mathematically equivalent but rounds to whole degrees/percent β round-tripping can shift a color by at most 1/255 per channel.
Does the copy button give CSS-ready values?
Yes: #3B62F6, rgb(59, 98, 246) or hsl(228, 85%, 60%) β paste straight into your stylesheet.