What's the difference between this and Color Converter?

The Color Converter focuses on converting between formats. This tool adds a visual picker, contrast checker, and palette generation — it's a more complete design workflow tool.

What is a contrast ratio?

A measure of the difference in perceived brightness between two colors. WCAG accessibility guidelines require at least 4.5:1 for normal text and 3:1 for large text against the background.

How is the palette generated?

It takes your selected hue and saturation, then generates 7 shades by varying the lightness from 15% to 90%. This gives you a consistent tonal range from dark to light.

Unified Tools Platform

Free tools, no signup

Developer Tools

Color Picker & Palette

Pick any color visually, convert between HEX, RGB, and HSL, check contrast ratios, and generate shade palettes. All in your browser.

HEX

RGB

HSL

Contrast Ratios

White text: 4.74:1

Black text: 4.43:1

Shade Palette