Frontend utility
HEX / RGB / HSL Converter
Convert HEX, RGB, and HSL notation into a consistent set of color values.
● This tool runs entirely in your browser. Your input is never uploaded to our servers.
Output
Your result will appear here…
How to use HEX / RGB / HSL Converter
- Paste a HEX, rgb(), or hsl() color value.
- Select Convert to normalize it to HEX, RGB, and HSL.
- Use the output in CSS or design notes.
Example
Input:
rgb(99, 102, 241)
Output:
HEX: #6366f1 RGB: rgb(99, 102, 241) HSL: hsl(239 84% 67%)
Use cases
- Convert a design token between CSS formats.
- Normalize values before comparing colors.
- Inspect hue, saturation, and lightness values.
About this tool
Convert HEX, RGB, and HSL notation into a consistent set of color values. Processing happens locally in your browser, so your input is not sent to a server or included in analytics.
Frequently asked questions
Which input syntax is accepted?
Use 3 or 6 digit HEX, comma-separated rgb(), or hsl() with degree hue and percentage saturation/lightness.
Are CSS Color 4 syntax and alpha preserved?
No. Alpha is currently discarded and modern space-separated RGB syntax is not supported.
Does the input leave my browser?
No. Conversion is local.