How to use it
A simple three-step workflow
- 1Choose a colour or enter HEX, RGB or HSL.
- 2Review the synchronized values.
- 3Copy the format you need and inspect text contrast.
Design · Free · No AI
Free HEX, RGB and HSL Color Converter
Convert common colour formats, preview the result and compare black and white text contrast.
Private by defaultValues stay in this browser and are not sent to LeadHub.
Best text: White
Contrast 5.70:1
Colour values
#7C3AEDrgb(124, 58, 237)hsl(262, 83%, 58%)White text ratio
5.70:1
5.70:1
Black text ratio
3.69:1
3.69:1
Useful context
Convert web colours and choose a readable text colour
HEX, RGB and HSL describe the same web colour in different forms. Designers often use HEX in brand guidelines, RGB in code and HSL when adjusting lightness or saturation.
The contrast values use the WCAG relative-luminance formula for opaque sRGB colours. They are helpful for choosing black or white text, but a complete accessibility review should also inspect font size, weight, states and surrounding UI.
Questions
Frequently asked questions
What colour formats are supported?+
The tool accepts standard six- or three-digit HEX, RGB values and HSL values.
How is the best text colour selected?+
The tool compares WCAG contrast ratios for black and white and displays the higher result.
Does this replace an accessibility audit?+
No. It provides a focused colour comparison, not a complete interface audit.
Keep working
Related free tools
Free
Design
Gradient Generator
Design two- or three-colour CSS linear gradients.
Open tool →Free
Links & QR
QR Code Generator
Create a custom QR code and download it as PNG or SVG.
Open tool →Free
Utilities
Character Counter
Count characters, words, lines, paragraphs and reading time.
Open tool →Turn the result into a destination
Put every important link on one LeadHub page
Create a mobile-first link-in-bio page for Instagram, TikTok, Telegram and every place your audience finds you.