Color

Color Picker & Converter

Pick a color, sync HEX/RGB/HSL, copy formats, generate shades & tints, and build a palette. Everything runs locally in your browser.

← Back to all tools

Pick

HEX

RGB

HSL

Quick contrast check

vs #000000

Ratio: —

—

vs #ffffff

Ratio: —

—

For a full checker with two custom colors and WCAG guidance, use the Contrast Checker.

About this tool

Use this color utility to pick a color and see synchronized HEX, RGB(A), and HSL(A) values. Generate tints (lighter) and shades (darker) in 10% steps, build a personal palette, and export as CSS variables or JSON. Everything runs locally for privacy — nothing leaves your browser.