Color Converter Online — HEX to RGB, RGB to HSL, WCAG Contrast Checker
Convert color formats
Browse tools
Convert colors instantly between HEX, RGB, and HSL formats with a live color picker and a recent-colors history so you can jump back to a shade you sampled earlier without re-typing the value. A built-in WCAG contrast checker compares any foreground/background pair and shows the exact contrast ratio alongside pass/fail badges for AA Normal (≥4.5), AA Large (≥3.0), AAA Normal (≥7.0), and AAA Large (≥4.5), so you can verify accessibility before shipping — a one-click swap button flips fg/bg to test both directions. Use it to keep brand colors consistent across Figma designs and CSS, hand off design tokens to developers, run accessibility audits on existing pages, or pick a readable text color for any background. The converter is perfect for designers and developers who switch between color formats daily and need accurate, copy-ready values for CSS, Tailwind, or design tools. Everything runs 100% locally in your browser — no color values are sent to a server.
Convert colors and verify WCAG contrast in one tool
Type a hex, RGB, or HSL value and instantly get all three formats plus a color picker for fine-tuning, with recent colors saved to a history strip for quick recall. The built-in WCAG contrast checker lets you pick a foreground and background color, swap them with one click, and shows the exact ratio like "4.52 : 1" next to pass/fail badges for AA Normal (4.5), AA Large (3.0), AAA Normal (7.0), and AAA Large (4.5). Use it before shipping a button, a hero banner, or a chart series to guarantee accessibility compliance on the first try.
Local palette management for design systems and brand work
Brand palettes, design tokens, and unpublished product colors never leave your browser — the converter runs entirely locally with no API calls and no cloud sync. That matters when you are working on a confidential rebrand, an embargoed product launch, or a client proprietary color system that cannot be shared with a third-party color tool. Save your recent colors and reuse them across sessions without an account.
Frequently Asked Questions (FAQ)
The color converter supports HEX (#RRGGBB), RGB (rgb(r, g, b)), and HSL (hsl(h, s%, l%)) color formats. You can convert between any of these formats.
Simply type or paste a color value in any supported format into the input field. The converter will automatically detect the format and show conversions to the other formats.
Yes. The tool displays a color preview swatch so you can visually verify the color you are working with.
No. All color conversion happens in your browser. No data is transmitted.
The converter focuses on standard HEX, RGB, and HSL formats. Alpha channel support may vary.
Yes. The WCAG section shows the live contrast ratio between the current color and a background color, with pass/fail badges for AA Normal (4.5), AA Large (3.0), AAA Normal (7.0), and AAA Large (4.5). You can pick the foreground and background colors with native color pickers and use the swap button to flip them instantly.
Yes. Every color you settle on is saved automatically to a Recent colors strip that keeps up to 20 swatches, so you can jump back to a shade you sampled earlier without re-typing its value. Click a swatch to restore it instantly, remove individual entries, or clear the whole history. It is stored locally in your browser, survives page reloads, and is never sent to a server.
Pick your brand color once, then copy it in any of the seven supported formats — HEX, RGB, HSL, HSV, CMYK, LAB, and XYZ — with one click per row. The export section generates a ready-to-paste CSS rule, a Tailwind arbitrary-value class, and a JSON design-token block containing all seven formats plus the closest color name, which makes the Figma-to-CSS handoff painless. Built-in palettes (complementary, analogous, triadic, tetradic, monochromatic) keep accents and states on-brand, and the recent-colors history guarantees the same value is reused everywhere.