Color Palette & Picker

Pick any color, convert between HEX / RGB / HSL, generate harmony palettes, and test WCAG accessibility contrast ratios — all offline.

Color Picker & Format Converter

Recent Colors

HEX

RGB — Red · Green · Blue (0–255)

HSL — Hue° · Saturation% · Lightness%

CSS Custom Property

Color Harmony Generator

💡 Click any swatch to set it as the active color · ★ = current base · Use Recent Colors above to go back

WCAG Accessibility Contrast Checker

Text / Foreground

Background

Live Preview

Large Text (18pt Bold) Regular body text at normal size.
The quick brown fox jumps over the lazy dog.

Contrast Ratio

—

AA Normal AA Large AAA Normal AAA Large

AA: 4.5:1 normal · 3:1 large text
AAA: 7:1 normal · 4.5:1 large text

About this Tool

Choosing the perfect colors is the foundation of brilliant web and graphic design. The Color Palette & Picker is a comprehensive suite for creatives, allowing you to instantly convert color codes, generate harmonious color schemes, and test accessibility contrast ratios.

How to use it

Use the interactive color picker or paste a specific HEX, RGB, or HSL code. The tool will instantly generate complimentary color palettes and provide you with all the corresponding CSS codes needed to implement them in your projects.

If you find this utility helpful, be sure to bookmark s0lve.it and check out our other free online tools.