RGB color picker
Build a color channel by channel — R, G and B sliders with live preview and instant HEX, HSL and OKLCH output.
Loading…
Need every format at once? Open the universal color picker →
FAQ
What range do RGB channels use?
Each channel runs 0–255 in CSS (8 bits). 0 means no light from that channel; 255 means full intensity. CSS also accepts percentages (rgb(100% 0% 0%)).
Why do RGB sliders feel unintuitive?
Because RGB is device-oriented, not perceptual: adding 20 points of red does not look like "20 more red". For intuitive editing use the HSL or OKLCH tabs — same color, better controls.
What is rgb() vs rgba()?
rgba() adds an alpha channel (0–1). Modern CSS also allows rgb(255 87 51 / 0.5). This picker accepts both forms and normalizes them to HEX.
Related tools
Universal picker — HEX, RGB, HSL, HSV, OKLCH and CMYK in one place, with an eyedropper.
HEX Color PickerPick a color and read it as a HEX code — sliders, native picker and instant copy.
Color ConverterHEX, RGB, HSL, HSV, CMYK, LAB, LCH, OKLCH and XYZ in one place.
HSL Color PickerHue, saturation and lightness sliders with instant HEX/RGB values.