Color Picker & Palette Generator — Free Online Tool
Pick any color visually and instantly get its HEX, RGB, HSL values. Also includes a curated palette of popular web colors.
Color Formats Explained
- HEX (#RRGGBB): Most common for web. A 6-digit hex code. Also supports 3-digit shorthand (#RGB).
- RGB (0–255): Specifies Red, Green, Blue channels directly. rgb(99, 102, 241)
- HSL: Hue (0–360°), Saturation (%), Lightness (%). More intuitive for color adjustments.
Frequently Asked Questions
Click the circular color wheel to open the native color picker, or type a HEX value in the input field and click Apply. All values update immediately.
Yes. Click any color value row (HEX, RGB, HSL, or CSS Variable) to copy it directly to your clipboard.
A CSS custom property stores a color you can reuse across your stylesheet. Example: --primary: #6366f1; Then use var(--primary) in any rule. Changing the variable updates every use instantly.