Color Picker

Pick a color and get clean outputs in multiple formats. Edit any format to update the color, then copy or share.

How to Use

  1. Pick a color (picker or numeric inputs).
  2. All formats update instantly (HEX, RGB, HSL, CMYK, etc.).
  3. Edit any output field to set a new color.
  4. Use Copy buttons or generate a Share Link (explicit click only).
Preview
Live swatch + contrast hints for quick UI checks.
HEX
—
RGB
—
1.00
On White —
—
On Black —
—
Outputs
Edit any field to set the color. Copy each format with one click.
Details (what’s included)
  • HEX: #RRGGBB (and accepts #RGB input)
  • RGB/RGBA: accepts rgb()/rgba() or comma/space values
  • HSL/HSLA: accepts hsl()/hsla()
  • CMYK: displayed as 0–100 percentages
  • Integer RGB: 0–16777215 (24-bit, alpha not included)
  • CIELAB/XYZ: estimated from sRGB (D65 reference)
All conversion logic runs in your browser. No uploads, no tracking of inputs.
Show Work (conversion steps)
—
Work is shown using standard sRGB conversions (gamma-corrected) with D65 for XYZ/LAB estimates.

FAQ

Why does “CIELAB (est.)” say estimated?

LAB depends on the reference white and the source color space. This tool estimates LAB from sRGB using a standard D65 conversion.

Does alpha affect CMYK and Integer RGB?

Alpha affects RGBA/HSLA display. Integer RGB is 24-bit and does not include alpha. CMYK is computed from the RGB channels (alpha ignored).

Can I paste values like “255 0 0”?

Yes—most fields accept flexible formats (commas/spaces and optional function wrappers).

Tool Info

Last updated:

Updates may include additional formats, stricter parsing, and more export options.