Pick a color to see its HEX / RGB / HSL values, generate a shade-and-tint palette, and check text contrast — all in your browser.
Click any value above to copy it.
This free online color picker and palette tool lets you pick any color and instantly get its HEX, RGB, and HSL values — the formats needed for CSS, design tools, and code. It also generates matching color palettes and checks color-contrast ratios for accessibility, which is useful for web designers and developers making sure text is readable against a background color (for WCAG accessibility compliance).
Everything updates live as you pick or type a color, with no signup and no software to install — just an instant color-code lookup and palette generator, right in your browser.
Yes — it calculates the actual WCAG 2.1 relative luminance and contrast ratio formula, the same one browsers and accessibility tools use.
They're WCAG accessibility levels: AA requires a contrast ratio of at least 4.5:1 for normal text (3:1 for large text), while AAA requires at least 7:1 — higher means easier to read for people with low vision.
Tints are your color mixed with white (lighter), and shades are your color mixed with black (darker) — useful for building a consistent color palette from one base color.