Color Picker

Five: HEX for markup and design tools, RGB for scripts and canvas work, HSL for human-friendly adjustments, CMYK as a print reference, and OKLCH for modern wide-gamut CSS. All of them describe the same color you picked.

Paste the hex into the text field and read the RGB row. For example, #3D5BFF shows rgb(61, 91, 255) immediately, since each hex pair is just one channel written in base 16.

HSL separates what humans actually tweak: hue, saturation, and lightness. Making a hover state 10 percent darker is one number change in HSL, while in hex it means recomputing all three channels.

Treat it as a starting point. The conversion here is the standard formula without an ICC profile, and real presses vary by paper and ink. For anything going to print, confirm the values against your printer's profile.

Yes. The shades strip renders ten steps from a strongly brightened version of your color down to a strongly darkened one. It's a quick way to build tint scales for backgrounds, borders, and hover states.

It does. The OKLCH row gives you a css-ready value for the oklch() function, which is perceptually uniform and reaches wide-gamut colors that hex and rgb() can't express on P3 displays.

No. The tool uses your browser's built-in color input plus client-side conversion code, so it works the same on any modern browser with nothing to download and no account to create.

Click the big swatch to open your browser's native color picker, or paste a hex, and every format updates at once. As a color picker it leans on the OS dialog you already know, then adds the conversions browsers skip. HEX, RGB, HSL, CMYK, and OKLCH each sit on their own copyable row.

Yes. The RGB row updates live, so it works as an rgb color picker whenever a script or canvas needs channel numbers. Pick with the swatch or paste any hex, and the rgb() string appears rounded to whole channels. One click copies it.

That's the core flow. Paste a 3 or 6 digit code into the field and the hex code color picker echoes it back uppercase alongside every other format. The swatch above confirms you typed what you meant before you copy anything.

Yes. The color picker tool is free with no signup, and as an online colour picker it needs only a modern browser. Nothing installs, and the five format rows behave the same on phone and desktop.

There's no color picker download; this runs in the tab with nothing to install. That keeps it usable on locked-down work machines where you can't add software. Bookmark the page and it's ready whenever you need a code.

No, this picker works from the native swatch and the hex field, not an uploaded photo. For an online color picker from image files, or a hex color picker from image exports, use the Image Color Extractor, which pulls a palette from any photo. Paste one of those codes back here to see it in five formats.

Not on this page; it has no upload box. To pick color from image online, run the photo through the Image Color Extractor first, since an image color picker online needs to read pixels this tool doesn't take in. Then this picker handles the format conversions.

Only loosely. The shades strip renders ten tints and shades of your color, which helps for hover and border variants, but a true color combination picker for harmonies is the Color Palette Generator or the Color Wheel. Use those when you need complementary or triadic sets rather than one hue's range.

Yes. It's a web color picker that loads in any modern browser, so treating it as your go-to color pick website works from any device. There's no login and no extension. Your colors never leave the tab.

Not from an arbitrary page; this website color picker reads the native dialog and typed hex, not other sites' pixels. To capture a color you see on a page, screenshot it and run the shot through the Image Color Extractor, then paste the code here. That keeps everything on your machine.