🎨 Color Converter

What is Color Converter?

The Color Converter turns any color you type into every other major color format, all in real time. Enter a hex value such as #ff0000 or #f00, an rgb(255, 0, 0) triplet, or an hsl or hsv function, and the tool instantly shows the matching HEX, RGB, HSL and HSV values plus a large live preview swatch. A WCAG-style luminance readout and a nearest simple name from a built-in palette help you reason about the color without opening a design app. Everything is computed locally in your browser with no account and no data upload.

How to Use Color Converter

1. Type a color in HEX, RGB, HSL or HSV format
2. Watch the other three formats update live with the preview swatch
3. Read the luminance value and nearest named color for context

Why Use Our Color Converter?

• Live conversions between HEX, RGB, HSL and HSV as you type
• Supports #rgb shorthand, full #rrggbb hex and rgb/hsl/hsv functions
• Large preview swatch with a WCAG-style luminance readout
• Nearest-name hint from a small built-in named palette

Common Use Cases

• Grabbing an HSL value to match a CSS variable to a hex color
• Checking how light a chosen color is before pairing it with text
• Converting a hex from a brand guide into RGB for design tools

Frequently Asked Questions

• Which color formats does the converter accept?▾
  It accepts HEX (#rgb or #rrggbb), rgb(r, g, b), hsl(h, s%, l%) and hsv(h, s%, v%) and converts live to all four formats, plus a preview swatch, a luminance readout and a nearest-name hint.
• How does the hex shorthand #rgb work?▾
  Each shorthand digit is doubled, so #f00 becomes #ff0000 and #349 expands to #334499. Full six-digit hex maps each pair to one RGB channel.
• What is luminance?▾
  Luminance is the WCAG-style relative luminance of the color on a 0 to 1 scale, computed from the linearized RGB channels. It describes how light the color appears and is used in contrast-ratio math.