Color Picker
Pick colors and get HEX, RGB, HSL values. Generate harmonious palettes.
💡 Type a color name (red, blue, purple) or HEX code, or use the color picker
📖 About Color Formats
HEX Colors
HEX colors use a 6-digit hexadecimal notation prefixed with #. Each pair of digits represents Red, Green, and Blue values (00-FF). Example: #8B5CF6
RGB Colors
RGB stands for Red, Green, Blue. Each value ranges from 0 to 255. Example: rgb(139, 92, 246)
HSL Colors
HSL stands for Hue (0-360°), Saturation (0-100%), and Lightness (0-100%). It's often more intuitive for color selection. Example: hsl(259, 90%, 66%)
💡 Pro Tip: Use HSL when you want to create variations of a color. Keep the Hue the same and adjust Saturation/Lightness for lighter or darker shades.
❓ Frequently Asked Questions
HEX and RGB represent the same color in different formats. HEX uses hexadecimal (base 16) notation while RGB uses decimal (base 10) values. They're interchangeable - #FF0000 equals rgb(255, 0, 0).
HSL is great when you need to create color variations. Adjusting the Lightness creates lighter/darker versions, while changing Saturation makes colors more vibrant or muted, all while keeping the same base hue.
Color harmonies are combinations of colors that work well together based on their position on the color wheel. Common harmonies include complementary (opposite colors), analogous (adjacent colors), and triadic (evenly spaced colors).