Loading tool...
About This Tool
Color Converter translates colour values between HEX, RGB, and HSL formats in both directions. Different tools and contexts use different colour formats — CSS often uses hex, design tools use HSL, and image processing libraries use RGB.
Manually converting between colour spaces requires maths that is easy to get wrong. This tool gives you all three representations simultaneously so you can copy whichever your context needs.
Tip: HSL is the most intuitive format for adjusting colours — tweak the Lightness value to get lighter or darker shades, and Saturation to make colours more vivid or muted, without affecting the hue.