HEX
#2596BE
Online Color Picker
Pick a color from an interactive canvas, fine-tune hue and RGB channels, then copy exact values for design, product UI, and content workflows.
HEX
RGB
HSL
HSV
CMYK
XYZ
Pick A Color
Drag inside the square for saturation and brightness, then fine-tune hue below.
RGB
rgb(37, 150, 190)
HSL
hsl(196, 67%, 45%)
HSV
hsv(196, 81%, 75%)
CMYK
cmyk(81%, 21%, 0%, 25%)
XYZ
xyz(21.64, 25.46, 51.89)
Color Harmonies
Tap any swatch to switch the active color.
Contrast Checker
Preview readability and compare white vs black foreground text.
Contrast Preview
Readable text preview for your selected color.
White Text
3.44:1 AA LargeBlack Text
6.11:1 AARecent Colors
How to use this color picker
- Choose a base hue with the rainbow slider.
- Drag in the color map to set saturation and brightness.
- Adjust exact channel values with RGB or type a HEX code.
- Copy the output format you need for your CSS, design file, or branding guide.
Color picker FAQ
How accurate are the color format conversions?
All conversions are calculated in your browser from the same selected base color. Rounded display values are for readability while preserving practical design precision.
Can I enter a color manually?
Yes. You can type a HEX value or adjust the R, G, and B channels directly. The visual picker and all format outputs stay synchronized.
Does the tool check text readability?
Yes. The contrast section calculates ratios against white and black text so you can quickly pick a readable foreground color.
Are colors sent to a server?
No. Color selection, conversion, and history are handled locally in your browser.