Color Converter
Design /colorConvert between HEX, RGB(A), and HSL(A) locally with a live swatch preview.
#0F7A4C
rgb(15, 122, 76)
rgba(15, 122, 76, 1)
hsl(154, 78.1%, 26.86%)
hsla(154, 78.1%, 26.86%, 1)
Color parsed successfully. 1 line 7 B local only
How it works
Convert between HEX, RGB(A), and HSL(A) with a live swatch and copy-ready outputs.
Use it to translate a CSS color into equivalent HEX, RGB(A), and HSL(A) values.
Example
Enter #109c84 and copy its RGB and HSL representations.
Notes
- Supports HEX, RGB(A), and HSL(A) input formats.
- HEX output switches to 8-digit notation when alpha is present.
- This version intentionally stops at the common web color formats.
Constraints
- Accepts supported HEX, RGB(A), and HSL(A) forms; named colors are out of scope.
- Limit: One CSS color value. Nothing is uploaded or silently truncated.
Common errors
- Channel outside range
- Malformed alpha value
- Unsupported named colors
When to use it
Use it to translate a CSS color into equivalent HEX, RGB(A), and HSL(A) values.
Formats: HEX, RGB(A), HSL(A).