Color Picker — A visual color picker with live conversion to the three formats developers and designers use most: HEX for CSS and design tools, RGB for code, and HSL for thinking about hue, saturation, and lightness.
Color values are processed locally in your browser.
Was Color Picker useful?
What is color picker?
A visual color picker with live conversion to the three formats developers and designers use most: HEX for CSS and design tools, RGB for code, and HSL for thinking about hue, saturation, and lightness.
Type a HEX value or use the native picker — every format updates instantly and can be copied with one click.
How to use it
-
Pick or type a color
Use the swatch picker or enter a HEX code directly.
-
Copy the format you need
HEX, RGB, and HSL are shown with copy buttons.
Examples
A vivid indigo
One color, three formats.
#4f46e5
Result: rgb(79, 70, 229) · hsl(243, 75%, 59%)
Frequently asked questions
Comparison: this tool vs the alternatives
Uttir Color Picker vs Coolors
| Feature | Uttir | Coolors |
|---|---|---|
| No upload to a server | ✓ | ✗ |
| No signup | ✓ | ✗ |
| Sample a color from any image | ✓ | ✗ |
| Generate a palette from a base color | ✓ | ✓ |
| Check contrast (WCAG AA/AAA) | ✓ | ✗ |
Related guides
How to Test Color Contrast for Accessibility (WCAG 2.2 Explained)
Color contrast is the most-measured accessibility metric on the web. This guide explains the WCAG 2.2 contrast formula, the AA and AAA thresholds, and how to make sure your site is usable for people with low vision.
The 8 Best Free Color Tools in 2026 (For Designers and Developers)
A curated list of the best free color tools: pickers, palette generators, contrast checkers, format converters, and image-based color extractors. All run locally, no signup, no upload.
The 8 Best Free Color Tools for Designers in 2026 (No Upload)
Color pickers, palette generators, contrast checkers, color name finders, and converters — eight free color tools that run in your browser, do not upload your images or palettes, and cover every color task a designer actually has.
Related tools
Last reviewed: 2026-09-18