Color Picker

Pick colors and get HEX, RGB, HSL, and CMYK values. Generates shades, tints, and complementary colors.

100% Private & Secure

Zero Server Uploads

Your files are processed entirely inside your browser tab using WebAssembly & local JavaScript APIs.

Color Picker Visual Selection
HEX:
#3b82f6
RGB:
rgb(59, 130, 246)
HSL:
hsl(217, 91%, 60%)
CMYK:
cmyk(76%, 47%, 0%, 4%)
Adjustment Sliders
59
130
246
217°
91%
60%
Color Palettes & Harmonies
#b6d1fc
#6da2f8
#3c83f6
#0950c3
#06327a
#3b82f6
#f6af3c
#523cf6
#3b82f6
#3ce0f6
#f63c83
#3b82f6
#83f63c

How to use this tool

1

Select a color using the visual picker or enter a hex code directly.

2

Adjust color channels using the RGB or HSL sliders for micro-refinements.

3

Browse auto-generated shades, tints, and harmony palettes (complementary, analogous, triadic).

4

Verify accessibility text contrast scores and copy format values instantly.

Key Features & Benefits

Universal Formats

Convert colors dynamically to HEX, RGB, HSL, and CMYK formats.

Visual Sliders

Fine-tune color parameters with smooth real-time HSL/RGB channel sliders.

Harmony Builder

Instantly generate complementary, analogous, and triadic color schemes.

WCAG Contrast Auditor

Audit color readability on dark and light backgrounds using WCAG guidelines.

Frequently Asked Questions