Color Picker & Converter
Pick a color and convert it instantly between HEX, RGB, RGBA, HSL, and HSV formats for web development and design.
Color Picker & Converter
This calculator auto-updates when values change.
HEX
#3b82f6
RGB
rgb(59, 130, 246)
RGBA
rgba(59, 130, 246, 1)
HSL
hsl(217, 91%, 60%)
HSV
hsv(217, 76%, 96%)
Contrast
White 3.68:1 / Black 5.71:1
About This Color Picker & Converter
This color picker and converter keeps common design and CSS color formats synchronized from one selected color.
It is useful when moving between design tools, CSS, JavaScript, and documentation that require different color formats.
How to Use This Tool
- 1
Pick or enter a color
Use the color picker or type a HEX value.
- 2
Review synchronized formats
See the matching RGB, RGBA, HSL, and HSV values.
- 3
Check contrast quickly
Compare the color against white and black text for a quick readability cue.
Frequently Asked Questions
What formats are supported?v
The calculator displays HEX, RGB, RGBA, HSL, and HSV values for the selected color.
Are HSL and HSV the same?v
No. Both describe hue, but saturation and lightness/value are calculated differently.
Is the contrast checker a full accessibility audit?v
No. It is a quick contrast cue. Always verify important UI colors against WCAG requirements.