Color Converter
Convert between HEX, RGB, and HSL color formats with live preview and luminance analysis.
#3b82f6
Luminance
0.235
Text
Dark
Frequently Asked Questions
What color formats does this tool support?
This tool converts between HEX (#3b82f6), RGB (59, 130, 246), and HSL (217°, 91%, 60%). All three formats are commonly used in CSS and design tools.
What is luminance?
Luminance is a measure of how bright a color appears to the human eye. This tool uses the WCAG formula to calculate relative luminance, which helps determine whether dark or light text should be placed on the color for readability.
Can I use the color picker?
Yes. Click the color swatch next to the HEX input to open your browser's native color picker. All formats update in real time.
Does it support shorthand HEX?
Yes. Both 3-digit (#fff) and 6-digit (#ffffff) HEX values are supported and properly converted.