Color Converter
Enter a colour as HEX, RGB or HSL and see the other formats update instantly, with a live swatch.
How to use it
- Enter a colour in any format Type a HEX code, or adjust the RGB or HSL channels.
- Read the other formats The remaining formats and the preview swatch update instantly.
Examples
| #ff0000 | rgb(255, 0, 0) |
|---|---|
| rgb(0, 128, 0) | #008000 |
| #ffffff | hsl(0, 0%, 100%) |
About this tool
Designers and developers constantly move colours between formats: HEX for CSS and design tools, RGB for image work, and HSL for making intuitive adjustments to hue, saturation and lightness.
This converter links all three with a live preview, so a change in one format immediately updates the others. The conversions are precise and run entirely in your browser.
Frequently asked questions
What is the difference between RGB and HSL?
RGB mixes red, green and blue light. HSL describes a colour by hue, saturation and lightness, which many people find more intuitive to adjust.
What does a HEX colour code mean?
A HEX code like
Related tools
Number Base Converter Enter a value and its base to see it in binary, octal, decimal and hexadecimal at once. JSON Formatter & Validator Paste JSON to pretty-print it with indentation, minify it to one line, or check that it's valid. Hash Generator Generate SHA-1, SHA-256, SHA-384 and SHA-512 hashes of any text, computed locally in your browser. Unix Timestamp Converter Convert between Unix epoch seconds and readable dates, in both directions, with UTC and ISO output. Regex Tester Test a regular expression against text and see all matches, capture groups and positions live. Base64 Encode & Decode Convert text to and from Base64. Handles Unicode correctly and never sends your data anywhere.
Updated June 12, 2026