Advertise

HTML Color Picker

Pick any color and copy its HEX, RGB, HSL, HSV and CMYK codes.

About HTML Color Picker

Drag across the color field and the hue slider – or type any code – to find the perfect color. You get every notation at once (HEX, RGB, HSL, HSV, HWB, CMYK, Lab, OKLCH), the nearest HTML color name, shades and tints, matching colors and a live preview of text on the color.

How to use

  1. Pick a color, type any color code (HEX, RGB, HSL, a CSS name…) or open an image.
  2. Adjust the options – the result updates instantly.
  3. Click any code or swatch to copy it, or send the color to another tool with Open in….

Everything runs in your browser: your colors and images are never uploaded or stored.

Related tools

Color Wheel & HarmoniesFind complementary, analogous, triadic and other matching colors. Image Color PickerUpload a photo and click it to get the color of any pixel. Color Name FinderWhat is this color called? Find the closest HTML color name. Color MixerBlend two colors and get every step in between. HTML Color NamesAll 141 HTML / CSS color names with HEX and RGB codes. Material Design ColorsThe Material Design palette: 19 colors, shades 50–900 and accents. Tailwind CSS ColorsThe Tailwind CSS default palette, 22 colors × 11 shades. HEX to RGBConvert a HEX color code to RGB (and RGBA).