Color Picker
Pick a color and watch HEX, RGB and HSL update live — with a big preview swatch you can eyeball.
Frequently asked questions
How does this picker compare to my OS picker?
It uses the same native color picker dialog your operating system provides (the one that opens when you click the swatch), then translates the chosen color into all three web notations with a large preview.
Which format should I copy into my CSS?
All three are valid modern CSS. HEX is the most common in real-world stylesheets; HSL is nicest when you'll derive variants (hover states, darker shades) because you can tweak lightness by hand.
Can I pick a color from an image or my screen?
The native dialog on Windows (PowerToys Color Picker) and macOS (Digital Color Meter) can sample the screen. Copy the resulting hex here if you want all three notations at once.