Quick instructions
Paste a color code or use the color picker. Convert and copy all three notations.
Generators
Convert HEX, RGB & HSL
Convert color values between HEX, RGB and HSL with a live color swatch. Free, no sign-up, right in your browser.
Free · No sign-up · No subscriptionWorkspace
Locally in your browserResult
Ready when you are.Your result will appear here after processing.
Questions about this tool
How does this tool work: Convert HEX, RGB & HSL?
Free, no sign-up, right in your browser. Paste a color code or use the color picker. Convert and copy all three notations.
Why can rounded HSL values differ slightly?
Conversion uses integer RGB channels. HSL is rounded for readability. Repeated conversion can therefore introduce a small rounding difference.
What inputs, outputs and limits apply?
Input: #09A, #0099AA, rgb(0, 153, 170) or hsl(186, 100%, 33%). Output: HEX, RGB and HSL notation with a color swatch. Limits: Opaque sRGB colors; no alpha channel. 3/6-digit HEX, RGB integers 0–255, HSL saturation/lightness 0–100%. HSL output is rounded to one decimal place.
Instructions, example and file limits
Formats, inputs and limits
- Input
- #09A, #0099AA, rgb(0, 153, 170) or hsl(186, 100%, 33%)
- Output
- HEX, RGB and HSL notation with a color swatch
- Limits & notes
- Opaque sRGB colors; no alpha channel. 3/6-digit HEX, RGB integers 0–255, HSL saturation/lightness 0–100%. HSL output is rounded to one decimal place.
Practical example
#FF0000 becomes rgb(255, 0, 0) and hsl(0, 100%, 50%).
Additional notes
Good to know
These tools do not send your inputs to a server. Your web host processes technical connection data when you visit the site.
Related tools
Generators
UUID generator
Generate random version 4 UUIDs, individually or up to 1,000 at once.
Open toolGenerators
Random number generator
Generate random integers within your range, optionally without repeats.
Open toolGenerators
QR code generator
Turn text or links into a QR code and download a PNG.
Open tool