🎨 Color Picker & Converter
Pick colors, convert between formats, and generate beautiful color palettes. Perfect for web design and development.
📊 Color Formats
🌈 Color Palette
📚 Color Formats Explained
HEX (#RRGGBB)
Hexadecimal format used in CSS and web development. Each pair represents red, green, and blue values.
RGB (Red, Green, Blue)
Additive color model where values range from 0-255 for each color component.
HSL (Hue, Saturation, Lightness)
More intuitive color model based on hue (0-360°), saturation (0-100%), and lightness (0-100%).
CMYK (Cyan, Magenta, Yellow, Key)
Subtractive color model primarily used in print design and professional graphics.
About this tool
The Color Picker helps you choose, preview, and copy color values in HEX, RGB, and HSL formats. It's useful for designers and developers working on UI color choices.
How to use
- Pick or enter a color and preview it live.
- Use the copy buttons to copy the value in your preferred format.
All color operations happen in your browser.
Example
Selected color:
HEX: #3b82f6 RGB: rgb(59, 130, 246) HSL: hsl(217, 91%, 60%)
Tip: Use the palette generator to create accessible color combinations with sufficient contrast.