Color Converter
Convert between HEX, RGB and HSL. Pick colors directly with the color picker.
How to use
- 1
Enter color
Enter a color in HEX, RGB or HSL format.
- 2
Auto convert
Values are converted to the other formats automatically.
- 3
Copy
Copy the value in the format you need.
Features
- Convert between HEX, RGB and HSL
- Pick colors intuitively with the color picker
- Supports 3-digit shorthand HEX
- Copy each format with one click
Use cases
Web design colors
Convert HEX values from design tools into RGB or HSL for CSS.
Keep brand colors consistent
Convert brand colors across formats for web, print and documents.
Between design tools
Resolve format differences between design tools instantly.
Details
In web design and UI implementation, colors are specified in HEX (#ff0000), RGB (rgb(255, 0, 0)) and HSL (hsl(0, 100%, 50%)) formats. Different tools require different formats, so conversion is a frequent need.
You can also pick colors directly from the color picker. The selected color is instantly converted to all three formats, each copyable with one click.
HSL describes colors by hue, saturation and lightness, making it ideal for adjusting hues or creating shades and tints of the same hue.
FAQ
Can I convert shorthand HEX (#f00)?
Yes. Three-digit shorthand HEX is automatically expanded and converted.
Does it support alpha values?
Currently only opaque colors are supported. RGBA and HSLA are not supported.
Can I use color names like "red"?
Currently only HEX, RGB and HSL formats are supported.
Related Tools
QR Code Generator
Generate QR codes from URLs or text for free. Customize colors and sizes.
Text Converter
Case conversion, character count, and line-break utilities for cleaning up text.
Password Generator
Generate secure passwords for free. Customize length and character sets.
Date Calculator
Calculate the difference between two dates in days. Add or subtract days from any date.
All processing happens in your browser. Your files are never uploaded.