Image Color Picker

A most excellent

Hex Color Picker

Tune HEX and compare HWB, HSL, HSV, RGB, and OKLCH values in one calm workspace.

Hex Color Picker

One Hex Color Picker, Six Color Models

Type any hex color code and instantly see the matching value in RGB, HSL, HSV, HWB, and OKLCH. All six representations update live as you move the sliders. The hex code and URL hash sync together so you can bookmark or share any color in seconds.

Hex to RGB in Real Time

Enter a hex color — like #3b82f6 — and the RGB values update immediately. The hex finder also accepts shortened three-digit codes.

Hex Code Finder with URL Sharing

Every color you dial in updates the URL hash automatically, turning this hex code finder into a shareable bookmark. Send the link to teammates and they see the same color.

Six Color Models Synced

HEX, RGB, HSL, HSV, HWB, and OKLCH all update together. Switching models does not lose your color — perfect for design tokens and CSS variables.

Hex color picker interface showing sliders for HSL, RGB, and OKLCH color models

Color Code Finder

Find Any Color Code — HEX, RGB, HSL, OKLCH

The colour code finder covers every standard used in web design, app development, and digital print. HEX is the default for CSS and HTML. RGB is the native format for screens. HSL is human-readable for designers. OKLCH is the next-generation perceptual format in CSS Color Level 4. All four are available simultaneously — copy whichever fits your workflow.

Color code finder showing HEX, RGB, HSL, and OKLCH values for a vivid blue color
HTML color picker showing CSS-ready hex and rgb color code values

HTML Color Picker

The HTML Color Picker for CSS and Web Design

Whether you are writing inline styles, defining design tokens, or maintaining a CSS variable library, this HTML color picker gives you the exact code you need. Adjust hue, saturation, and lightness visually, then copy the hex color code or CSS rgb() value directly into your stylesheet.

  • Generates valid CSS hex, rgb(), hsl(), hwb(), and oklch() values instantly.
  • URL hash sync lets you save and share any color as a browser bookmark.
  • Gamut indicator flags when a color is Display-P3 only and outside sRGB.
  • Works offline — no API calls, no server dependency.

RGB Color Picker

RGB Color Picker with Precision Sliders

RGB color picker with three independent sliders for red, green, and blue channels

Dedicated RGB Channels

Three independent R, G, B sliders let you mix any color by channel. The rgb picker shows decimal values and the hex code in real time as you drag.

RGB picker showing live conversion between rgb channel values and hex color code

RGB to HEX and Back

Paste a known hex code to see the RGB breakdown instantly, or adjust the rgb picker sliders to find the hex code for a custom shade. No separate converter needed.

RGB colour picker comparing sRGB and Display-P3 gamut swatches side by side

RGB Colour Picker with Wide Gamut

Toggle between sRGB and Display-P3 gamuts to see whether your chosen color is reproducible on wide-gamut screens. Both swatches update side by side.

Frequently asked

Questions about the hex color picker