Color Converter
Convert colors between HEX, RGB, RGBA, HSL and HSLA.
HEX
#2563EB
RGB
rgb(37, 99, 235)
RGBA
rgba(37, 99, 235, 1.00)
HSL
hsl(221, 83%, 53%)
HSLA
hsla(221, 83%, 53%, 1.00)
Contrast ratio
On white background: 5.17:1
On black background: 4.06:1
What is the Color Converter?
The Color Converter picks a color and instantly shows it in HEX, RGB, RGBA, HSL and HSLA formats, along with contrast ratio information against white and black backgrounds for accessibility checks.
How to use it
- Use the color picker or type a hex value directly.
- Adjust the alpha slider for RGBA/HSLA transparency.
- Copy any format using its copy button.
- Check the contrast ratio section for accessibility guidance.
Features
- HEX, RGB, RGBA, HSL and HSLA output
- Live color preview
- Adjustable alpha/transparency
- Random color generator
- Contrast ratio against white and black
Privacy
All color conversions happen locally in your browser using standard color-space math. No data is sent to a server.
Frequently Asked Questions
The Web Content Accessibility Guidelines (WCAG) recommend a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text against its background.
This tool starts from a HEX or picked color and converts outward, showing the equivalent RGB, RGBA, HSL and HSLA values simultaneously.