Every designer and developer needs a colour picker. Whether you are matching brand colours, building a CSS design system, or just curious what shade a hex code represents — our free colour picker makes colour work fast and intuitive.
Features of This Color Tool
- Visual color picker — click to pick any colour interactively
- HEX to RGB — convert #e8421a → rgb(232, 66, 26)
- RGB to HEX — convert rgb values back to hex code
- HSL conversion — Hue, Saturation, Lightness format used in modern CSS
- Shade palette — automatically generates 10 lighter/darker shades of your colour
- CSS variables output — ready-to-use :root CSS variables
Understanding Color Formats
- HEX (#rrggbb) — most common web format. #ffffff = white, #000000 = black
- RGB — red, green, blue values from 0–255. Used in CSS and image editing
- HSL — hue (0–360°), saturation (0–100%), lightness (0–100%). Most intuitive for designers
Try It Free — No Sign-Up Needed
🚀 Open Color Picker →