Color Picker / Converter
Pick a color and convert between HEX, RGB, HSL, HSV, HWB, and OKLCH
#F59E0B
RGB
HSL
HSV
HWB
OKLCH
Color formats
- HEX
• Hexadecimal notation using 6 digits (or 3 shorthand).
• Example: #FF5733.
• Used in web design and CSS. - RGB
• Red, Green, Blue values from 0-255.
• Example: rgb(255, 87, 51).
• Describes how light combines to make colors. - HSL
• Hue (0-360°), Saturation (0-100%), Lightness (0-100%).
• Example: hsl(9, 100%, 60%).
• More intuitive for humans to adjust colors. - HSV
• Hue (0-360°), Saturation (0-100%), Value (0-100%).
• Example: hsv(9, 100%, 100%).
• Used in design tools like Photoshop and Figma. - HWB
• Hue (0-360°), Whiteness (0-100%), Blackness (0-100%).
• Example: hwb(9 0% 0%).
• Modern CSS Color Module Level 4 format. - OKLCH
• Lightness (0-1), Chroma (0-0.4), Hue (0-360°).
• Example: oklch(0.789 0.163 69.49).
• Perceptually uniform modern color space for CSS.