Color Picker & Converter
Pick colors and convert HEX, RGB, HSL.
HEX
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
CSS variable
--color: #6366F1;
About the Color Picker & Converter
Pick a color and convert it between HEX, RGB, HSL and OKLCH with copyable values. A fast companion for designers and developers fine-tuning palettes and CSS.
How to use it
- 1Pick a color or enter a value in any format.
- 2Read the equivalent HEX, RGB, HSL and OKLCH values.
- 3Copy the format your code needs.
Frequently asked questions
- What is OKLCH?
- OKLCH is a modern, perceptually uniform color space that makes it easier to create consistent, accessible palettes than HSL.
Advertisement