Color Picker
Pick a color and copy hex, RGB, or HSL. See WCAG contrast on white and black. Free color picker in your browser.
Processed locally in your browser.
How to use this color picker
Use the native color control or type a hex value. RGB and HSL update immediately, along with contrast ratios against white and black.
Copy the format your CSS needs. AA needs 4.5:1 for normal text; AAA needs 7:1. Large text can pass at 3:1.
Example
#1d4ed8 is rgb(29, 78, 216) and a strong blue on white for large headings; check the ratio before using it for small body text.
Related tools
More formatting tools
- JSON Formatter — Format, minify, and validate JSON in your browser. Paste JSON, pretty-print with 2-space indent, or compress to one line. Free, no signup.
- JSON Validator — Validate JSON syntax instantly in your browser. Paste JSON to see whether it parses, with a clear error if it does not. Free JSON checker.
- HTML Formatter — Beautify HTML with consistent indentation in your browser. Free HTML formatter, no signup, source stays on your device.
- CSS Minifier — Minify CSS in your browser: strip comments and extra whitespace. Free CSS minifier for quick compression, no upload.
- JavaScript Minifier — Minify JavaScript in your browser by removing comments and extra whitespace. Free JS minifier, source stays local.
- SQL Formatter — Format SQL queries with keyword breaks and indentation in your browser. Free SQL formatter for SELECT, INSERT, UPDATE, and more.
Frequently asked questions
Is the color uploaded?
Processed locally in your browser. We do not upload the text to compute a result.
What does AA / AAA mean?
WCAG contrast grades. AA is the common legal/product bar for normal text; AAA is stricter.
Hex with alpha?
This picker is opaque sRGB hex. Add an alpha channel in CSS if you need transparency.
Can I convert HSL back to hex?
Change the color input; hex is derived from the same RGB. There is no separate HSL editor yet.
Last reviewed 2026-08-20. Results stay on your device unless you copy them elsewhere.