Color Picker & Converter
Pick a color or type a HEX, RGB, or HSL value — every field updates live, including alpha transparency.
Last updated
About this tool
Every field represents the same color and stays in sync: drag the picker or the opacity slider, or type directly into the HEX, RGB, or HSL field and press Enter or click away to apply it. HEX accepts 3, 4, 6, or 8 digit forms (with or without a leading #) — 4 and 8 digit forms include an alpha channel. RGB and HSL accept both the full CSS function syntax (rgba(34, 85, 221, 0.5), hsla(224, 78%, 50%, 0.5)) and bare comma-separated values.
HSL conversion uses the standard sRGB formulas, rounding to whole degrees and percentages — converting back and forth repeatedly can shift a value by a point or two due to that rounding, which is normal and not a bug. Nothing you enter here is sent to a server; the entire tool runs as JavaScript in your browser tab.