Color Code Converter

Convert any color between HEX, RGB, HSL, and more — with contrast ratios and palettes

Color Input

Could not parse color. Try: #3b82f6, rgb(59,130,246), hsl(217,91%,60%), or a named color like "blue".

Alpha (Opacity) 100%

Preview

Contrast Checker (WCAG)

Complementary Color

Opposite hue on the color wheel

—

Tints & Shades

Click any swatch to copy its hex value

Accepts any CSS color format: hex (#rgb, #rrggbb), rgb(), rgba(), hsl(), hsla(), or named colors (red, blue, cornflowerblue…). Alpha slider updates RGBA & HSLA outputs live.