Convert between HEX, RGB, and HSL color formats instantly.
#3B82F6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
Powered by Ubikon Technologies | All conversions happen instantly in your browser.
The Color Converter keeps one color in sync across three representations — HEX, RGB, and HSL. Change any field and the tool recalculates the other two using the standard RGB-to-HSL and HSL-to-RGB formulas, so you always see the same color described three ways. A row of ten quick-pick swatches (Red, Blue, Green, and others) is included for common colors.
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
What color formats does this tool convert between?
HEX, RGB, and HSL. Editing any one of the three updates the other two immediately — type a HEX code, drag the RGB number inputs, or adjust the HSL hue/saturation/lightness fields, and the conversion runs in real time using standard color-space math.
How accurate is the conversion?
It uses the standard RGB↔HSL conversion formulas (the same ones used in CSS and most design tools), rounded to whole numbers for display. HEX is parsed and generated from the RGB values, so the three representations always describe the same color — there is no lossy approximation step.
Does it support 3-character HEX codes like #000?
Yes. Both 3-character shorthand (e.g. #000) and full 6-character HEX (e.g. #000000) are accepted; the shorthand is expanded by duplicating each digit before conversion.
Is any of this sent to a server?
No. All conversion happens with plain JavaScript in your browser the moment you type or click — there is no network request involved in converting a color value.
