Frontend utility
Color Converter
Convert common HEX, RGB, and HSL color values between formats.
● This tool runs entirely in your browser. Your input is never uploaded to our servers.
Output
Your result will appear here…
How to use Color Converter
- Enter a 3 or 6 digit HEX value, rgb(), or hsl() value.
- Select Convert to see all three formats.
- Copy the format required by your stylesheet.
Example
Input:
#6366f1
Output:
HEX: #6366f1 RGB: rgb(99, 102, 241) HSL: hsl(239 84% 67%)
Use cases
- Translate design handoff colors into CSS.
- Compare color notation formats.
- Prepare values for gradient and shadow CSS.
About this tool
Convert common HEX, RGB, and HSL color values between formats. Processing happens locally in your browser, so your input is not sent to a server or included in analytics.
Frequently asked questions
Are alpha channels supported?
Alpha values are accepted in rgb()/hsl() syntax but output is currently opaque RGB.
Are named colors supported?
A small built-in set is accepted, including black, white, red, green, blue, and rebeccapurple.
Does conversion use a server?
No. Color conversion happens in your browser.