Color Picker
Pick a color, get HEX / RGB / HSL.
Palettes, WCAG contrast, conversions.
Presets
WCAG Contrast
How to use Color Picker
- 1Click the palette or enter a HEX code.
- 2See HEX / RGB / HSL values and the WCAG contrast ratio.
- 3Copy the code in your preferred format.
Practical guide: Color Picker
Why use this tool?
Developers need fast tools to format, encode, test or prepare data without opening an IDE for a simple task. These utilities cover the most common web and API development cases.
Privacy and limits
Technical data stays local. JSON snippets, API payloads and test content do not leave your browser.
Color Picker is designed to be free, fast and available without creating an account. It suits freelancers, students, marketing teams, developers and small businesses that need to handle a task efficiently.
Best practices
- Never paste real API keys.
- Validate the result in your own environment.
- Use anonymized data.
Related searches: color picker, sélecteur couleur, hex picker.
Frequently asked questions
What is WCAG contrast for?⌄
It measures luminosity difference between two colors. WCAG mandates a minimum 4.5:1 ratio for normal text (AA) and 7:1 for low-vision users (AAA).
HEX vs RGB vs HSL?⌄
HEX (#RRGGBB) is compact, RGB expresses Red-Green-Blue, HSL uses Hue-Saturation-Lightness (more intuitive for tweaking).
Are my colors stored?⌄
No. All conversions happen in your browser. No data sent.
Related tools
Discover other free tools that might be useful.