Color Picker
Pick colors with a native color wheel and instantly convert between HEX, RGB and HSL. Copy any value with one click. Free, private, runs in your browser.
All processing happens locally in your browser. Files are never uploaded.
Introduction
Color Picker helps designers and developers grab the exact color they need. Use the native color wheel to choose a shade, or type a HEX value manually, and the tool shows the equivalent HEX, RGB and HSL codes in real time. Everything runs locally in your browser.
Features
- Native color wheel for quick visual picking
- Manual HEX input with live validation
- Instant conversion to RGB and HSL
- One-click copy of any color format
- Live preview swatch of the chosen color
How to use
- 1Click the color swatch to open the native color picker.
- 2Or type a HEX value such as #6366f1 into the input box.
- 3Watch the preview and the HEX, RGB and HSL codes update live.
- 4Click Copy next to the format you need.
Frequently asked questions
Related tools
HEX to RGB Converter
Convert HEX color codes to RGB and back instantly. Supports 3 and 6 digit HEX values, validates input and copies results. Free, private, browser-based.
CSS Gradient Generator
Build beautiful linear and radial CSS gradients. Add color stops, tune the angle, preview live and copy the ready-to-use CSS. Free, private, browser-based.
Box Shadow Generator
Design CSS box shadows visually. Tune offset, blur, spread and color, toggle inset shadows, preview live and copy the CSS. Free and private.
Border Radius Generator
Round corners visually with independent controls for all four corners. Use pixels or percent, preview live and copy the border-radius CSS. Free.