Color Converter
Convert colors between HEX, RGB, and HSL formats
Frequently Asked Questions
Which color formats are supported?
You can convert between HEX (`#RRGGBB`, `#RGB`, `#RRGGBBAA`), RGB/RGBA, and HSL/HSLA. Enter any format and the tool instantly shows the equivalent in every other format, along with a live color swatch.
What can I use this tool for?
Design-to-dev handoffs (turning a Figma HEX into CSS RGBA), palette tuning, checking dark-mode variants, generating transparent colors quickly, and producing HEX constants for scripts. It is useful for both designers and developers.
Why does the same color look different across screens?
Displays vary in color gamut (sRGB, P3, AdobeRGB), white point, and gamma. The tool always returns numerically identical values — any visual difference comes from the hardware. For cross-device consistency, calibrate at the OS level or use `color-scheme` plus P3 values in CSS.
How should I read HSL values?
H (Hue, 0–360) is an angle on the color wheel — 0/360 red, 120 green, 240 blue. S (Saturation, 0–100%) controls vividness, with 0% being gray. L (Lightness, 0–100%) goes from black (0%) to white (100%). HSL maps to human intuition, which makes it friendlier than HEX for tweaking theme colors.
Does this tool upload my color values?
No. Every conversion runs locally in the browser, and there is no history logging. It is safe for internal brand palettes and confidential design systems.
Which format should I choose?
HEX is universal in code and design tools. RGB is convenient for programmatic per-channel edits. HSL is the most intuitive for manual tweaking. Modern CSS is happy with `rgb()`/`hsl()` plus alpha, or the newer `color()` function if you want a wider gamut.