utilsconsole

Advertisement

Ad Slot — header-ad

Color Code Converter & Contrast Checker

Convert color values between HEX, RGB, RGBA, HSL, HSLA, HSV, and CMYK with a visual color picker and WCAG contrast rating.

🔒 Runs in your browser · No upload · No signup

Related Tools

🎨

Color Palette Generator

New

Generate harmonious color schemes with lockable color swatches, harmony rules (analogous, complementary, triadic, monochromatic), and instant CSS, Tailwind, or PNG export.
🌈

CSS Gradient Generator

New

Design beautiful linear, radial, and conic CSS gradients with real-time preview, multi-color stops, presets, and 1-click CSS and Tailwind code export.
🔤

Base64 Encoder & Decoder

New

Encode and decode text or files to and from Base64 format with full UTF-8 support.

Frequently Asked Questions

Which color spaces and formats does this tool convert between? ↓

We support HEX (3, 6, and 8 digit with alpha), RGB and RGBA (0-255), HSL and HSLA (Hue, Saturation, Lightness, Alpha), HSV/HSB (Hue, Saturation, Value/Brightness), and CMYK (Cyan, Magenta, Yellow, Key/Black) percentages.

How is the WCAG accessibility contrast ratio calculated? ↓

We calculate relative luminance using the W3C Web Content Accessibility Guidelines (WCAG 2.1) formula: (L1 + 0.05) / (L2 + 0.05). Scores evaluate AA and AAA compliance for normal and large text on white and black backgrounds.

Can I type in an arbitrary color string like "hsl(120, 50%, 40%)"? ↓

Yes. The universal color input auto-detects the format and converts all other formats instantly in real time.

Does this tool transmit color data or images anywhere? ↓

No. All conversions and calculations execute 100% in your local browser.