Color Code Converter

Summary

Paste any HEX, RGB, HSL, or HSB color value and instantly see all four formats with a live color preview.

How it works

1. Type or paste a color value into any input field (HEX, RGB, HSL, or HSB).
2. The tool parses your input and converts it to all other formats using standard color math.
3. A large live swatch shows the exact color at a glance.
4. Click "Copy" next to any format to copy that value to your clipboard.
5. Use the color picker button to choose a color visually from your browser's native picker.

Use cases

• Convert a designer's HEX color to RGB for CSS or canvas APIs.
• Translate an RGB value to HSL for Tailwind CSS or SCSS variables.
• Check the hue, saturation, and brightness of a brand color.
• Quickly copy color values while working in code editors.
• Verify that two color codes represent the same color in different notations.
• Pick a color visually and export all four formats at once.

Frequently Asked Questions