Pick any color with the gradient canvas — see HEX, RGB, HSL, CMYK, Lab & more. Click any card to copy.
imgxcolor's Color Picker lets you select any color and instantly see its value in HEX, RGB, HSL, HSV, CMYK, CIE Lab, CIE LCH, and YCbCr — all at the same time. Click any color space card to copy the value to your clipboard.
Click or drag anywhere in the gradient canvas to pick a color with precision. The horizontal axis controls saturation, the vertical axis controls lightness. Use the hue slider below to change the base hue, and the opacity slider to set transparency.
Switch between Complementary, Triadic, Analogous, Split-Complementary, and Tetradic harmonies to instantly generate palette suggestions based on color theory. Click any harmony swatch to jump to that color.
The tint/shade strip below the harmonies shows 9 steps from white to black through your chosen color. Click any chip to select it — useful for building design system color scales.
Paste your HEX code into the input field and click Go. The RGB value appears instantly in the RGB card — formatted as rgb(R, G, B) and ready to copy.
Both use Hue and Saturation, but differ in the third channel. HSL uses Lightness — fully saturated colors sit at L:50%. HSV uses Value — pure colors have V:100% regardless of brightness. HSL is more common in CSS; HSV is more common in design tools like Photoshop and Figma.
Yes. Modern browsers support lab() and lch() as native CSS color functions. Browser support covers Chrome 111+, Firefox 113+, and Safari 15.4+.
Color harmonies are palettes derived from geometric relationships on the color wheel. Complementary colors are opposite each other; Triadic are equally spaced at 120°; Analogous are adjacent; Split-complementary uses neighbors of the complement; Tetradic forms a rectangle on the wheel.