Back to Developer
Color converter — HEX / RGB / HSL / HSV

Color converter — HEX / RGB / HSL / HSV

Convert colors between HEX, RGB, HSL, and HSV in real time with a built-in color picker. Edit any field and the other three update instantly. Runs entirely in your browser — your color values never leave the page.

developercolorconversion

How to use

Pick a color with the color picker at the top, or type a value directly into any of the HEX / RGB / HSL / HSV fields. Editing one field instantly syncs the other three together with the picker and the preview swatch. HEX accepts both #RRGGBB and #RGB. RGB takes 0–255 per channel; HSL / HSV use 0–360° for hue and 0–100% for the other components. Each row has a Copy button that places the current value on your clipboard. Invalid input shows an inline error without disturbing the other fields — they keep showing the last good color.

FAQ

Are colors sent to a server?
No. Parsing and conversion all happen locally in your browser — no network traffic is involved.
Which conversion formulas are used for RGB ↔ HSL ↔ HSV?
Standard sRGB geometric conversions (the same definitions documented on Wikipedia's HSL and HSV page). HEX is parsed as one-byte unsigned integers; RGB is normalized to 0–1 before computing HSL / HSV.
Is alpha (transparency) supported?
Not currently — HEX expects 6 digits (or the short 3-digit form) and RGB / HSL / HSV use three components. Adding alpha support is on our radar but not yet shipped.
How much rounding error should I expect?
RGB is rounded to integers (0–255) and HSL / HSV degrees and percentages are integers too. A RGB → HSL → RGB round trip can drift by 0–1 per channel, which is imperceptible on screen. If you need an exact source of truth, keep HEX as the canonical value.

Related tools

Contrast ratio checker — WCAG AA / AAA

Contrast ratio checker — WCAG AA / AAA

Pick a foreground (text) and background color to compute the WCAG 2.x contrast ratio and instantly see whether it passes AA / AAA for normal text, large text, and UI components. Accepts HEX and rgb(), with a color picker and live preview. Everything runs in your browser — your colors never leave the page.

developercolor
Image color picker — read pixel HEX / RGB / HSL values

Image color picker — read pixel HEX / RGB / HSL values

Upload a JPEG / PNG / WebP and click any pixel to read its color as HEX / RGB / HSL. Hover to inspect the value with a magnifier loupe, then click to add it to a history list. Copy any format with a single click. Your image never leaves the browser — everything runs locally.

imagecolor
Color temperature (Kelvin) ↔ RGB / mired converter

Color temperature (Kelvin) ↔ RGB / mired converter

Convert a color temperature (Kelvin, 1000K–40000K) into RGB / HEX / mired and inspect how a light source would render — ideal for white-balance, white-point, or interior-lighting workflows. Powered by Tanner Helland's sRGB approximation, with one-click presets for candlelight (1500K), tungsten (2700K), warm fluorescent (3000K), daylight 5000K, standard D65 (6500K), overcast (8000K), and blue sky (10000K). Mired (1,000,000 / K) and a coarse reverse lookup from RGB are also provided. Nothing leaves your browser.

conversioncolor
Base32 / Base58 encode & decode

Base32 / Base58 encode & decode

Convert text to and from Base32 (RFC 4648 / TOTP 2FA secrets) and Base58 (Bitcoin addresses). Switch the variant (Base32 / Base58) and direction (encode / decode). UTF-8 byte based, so Japanese and emoji round-trip. Runs entirely in your browser.

developerconversionencodedecode