HTML Color Picker
Pick colors from the wheel, enter values, or choose from curated palettes
Pick a Color:
Selected Color:
Black Text Shadow White Text Shadow
#00BFFF
rgb(0, 191, 255)
hsl(195, 100%, 50%)
Lighter / Darker:
Quick Actions
Saved Colors (0)
No saved colors yet. Click "Save Color" to add favorites!
Color Palettes Explained
Material Design: Google's color system with 500 as the primary shade. Shades range from 50 (lightest) to 900 (darkest).
Tailwind CSS: Modern utility-first framework colors with consistent naming (50-950).
Flat UI: Bold, vibrant colors popular in modern web design with minimal gradients.
Using Colors in CSS
background-color: #00bfff;
color: rgb(0, 191, 255);
border: 2px solid #00bfff;