Convert HEX, RGB, and HSL colors.
Translate common CSS color formats and preview the resulting color locally.
Workspace
Color parsed successfully.
Converted values
HEX: #0f766e RGB: rgb(15, 118, 110) HSL: hsl(175, 77%, 26%)
About this color converter
Use this color converter to move between HEX, RGB, and HSL values and preview CSS colors while building interfaces.
Common use cases
- Convert brand colors into CSS-friendly formats.
- Compare HEX, RGB, and HSL values while styling components.
- Preview color values before pasting them into code.
How to use this tool
- Enter a HEX, RGB, or HSL color value.
- Check the preview swatch and converted values.
- Copy HEX, RGB, or HSL depending on the CSS format you need.
Example
Input
#0f766e
Output
RGB: rgb(15, 118, 110) HSL: hsl(176, 77%, 26%)
Common errors
- RGB channels must be between 0 and 255.
- HSL saturation and lightness must be percentages between 0% and 100%.
- Alpha colors such as rgba(...) and #RRGGBBAA are outside this version.
Privacy note
Dev Atlas keeps this tool local in your browser. Your input is not intentionally uploaded to a Dev Atlas server for processing.
FAQ
Which color formats are supported?
The tool supports HEX, rgb(...), and hsl(...) input.
Does it support alpha values?
This version focuses on HEX, RGB, and HSL without alpha.
Why are HSL values rounded?
Rounded HSL values are easier to read and paste into CSS.