Color Picker
Color Tools
Select any color visually with our intuitive color picker. Adjust hue, saturation, value, and alpha, then copy the color in any format you need.
Color Picker
Preset Colors
HEX
RGB
rgb(59, 130, 245)
RGBA
rgba(59, 130, 245, 1.00)
HSL
hsl(217, 90%, 60%)
HSLA
hsla(217, 90%, 60%, 1.00)
CSS Variable
--color-primary: #3b82f5;
Visual Selection
Pick colors from a visual gradient picker with precise hue, saturation, and value control.
Alpha Channel
Full transparency support with alpha slider. Preview your color with and without transparency.
Multiple Formats
Copy your color in HEX, RGB, RGBA, HSL, HSLA, or as a CSS custom property.
Color Picking Tips
- • Hue slider: Use the rainbow slider to select your base color (red, orange, yellow, etc.)
- • Color area: Click and drag in the main area to adjust saturation (left/right) and brightness (up/down)
- • Alpha slider: Adjust transparency for overlays and semi-transparent elements
- • Preset colors: Click any preset color to quickly apply it, then fine-tune as needed
- • Recent colors: Your recently copied colors are saved for easy access