Input

Sample colors

Output

Preview

Common ways to use Color Converter:

Convert a HEX code to RGB for CSS
Paste a hex color like #3a86ff and see the RGB values you need in a CSS rgb() rule.
Get HSL values for theming
Convert any color to HSL to build a hue-based design system or adjust lightness programmatically.
Turn RGB design values into HEX tokens
Paste RGB values from a design tool and grab the HEX token you need for code or docs.
Verify color values for accessibility checks
Convert to RGB to feed exact values into contrast-ratio calculators and accessibility auditing tools.
Learn how color formats relate
Enter a color in any supported format and see all equivalent representations side by side instantly.

How do I use the color converter?: Enter a color in HEX, RGB, or HSL and review the converted JSON output. Use Copy to copy the result or Clear to reset the input.
Which color formats are supported?: This converter currently accepts HEX, RGB, and HSL input and outputs those same three representations together.
Does the converter send or store my color data?: No. Conversion happens in your browser, and this tool does not store a history or send color values to a server.
Why am I seeing an error?: Make sure the value is valid HEX, RGB, or HSL. Formats such as HSV or CMYK are not supported in this converter.
Can I copy the converted result?: Yes. Use the Copy button to copy the full JSON result, or use Paste to bring in a color directly from your clipboard.