HEX, RGB and HSL
Convert a colour between the formats designers and developers use.
🌈
Color Converter & Contrast Checker
Convert HEX, RGB and HSL colours and check text contrast for accessibility.
🔒 Enterprise privacy — 100% client-side, no server uploads
Convert a colour
HEX
#1F5C4C
RGB
rgb(31, 92, 76)
HSL
hsl(164, 50%, 24%)
Check text contrast
Large sample text
Normal sample text, the quick brown fox jumps over the lazy dog.
16.56 : 1
AA normal text: PassAA large text: PassAAA normal text: PassAAA large text: Pass
What is Color Converter & Contrast Checker?
Color Converter & Contrast Checker is a free online tool that lets you convert HEX, RGB and HSL colours and check text contrast for accessibility. Enter your text or numbers and see the result instantly. Everything you type stays in your browser.
Also searched as: HEX to RGB converter, contrast checker, WCAG contrast checker, text contrast accessibility.
Color Converter & Contrast Checker at a glance
- Price
- Free, with no paid plans
- Account
- No signup or login needed
- Where it runs
- In your web browser
- Your data
- Nothing you type is sent to a server
- Works on
- Any modern browser, on desktop and mobile
- Category
- Developer & Everyday Calculators
When to use Color Converter & Contrast Checker
- →Convert HEX, RGB and HSL colours
- →Check whether text is readable on a background
- →Test colour choices for accessibility
How to use Color Converter & Contrast Checker
- 1
Open Color Converter & Contrast Checker and fill in the values it asks for.
- 2
The result appears and updates instantly as you change any field.
- 3
Copy the result if you need to paste it elsewhere.
Why use Color Converter & Contrast Checker
- ✓Runs entirely in your browser — your file is never uploaded to a server.
- ✓No account, signup, or email address required to use it.
- ✓Completely free, with no daily limit and no signup.
- ✓Gives an instant, accurate result without opening a spreadsheet.
Color Converter & Contrast Checker
Convert colours and check text contrast
Convert between HEX, RGB and HSL, and test whether text is readable on a background using the WCAG contrast ratio.
Contrast ratio
Choose a text colour and a background colour and see the contrast ratio between them.
Pass or fail at a glance
Results show whether the pair meets the AA and AAA levels, for normal and for large text.
See a live sample
A sample of your text on your background shows how it really looks.
Private
Everything runs in your browser.
Free, no signup
No account and no limit.
Everything you need in Color Converter & Contrast Checker
- HEX, RGB and HSL conversion
- WCAG contrast ratio
- AA and AAA results
- Normal and large text
- Live text sample
- Runs in your browser
- Works on phone and computer
- Free and no signup
Tips for better results
- 1
Aim for AA at least
For normal text, a ratio of 4.5 to 1 is the usual minimum for AA. Large text needs less.
- 2
Do not rely on colour alone
Some visitors cannot tell certain colours apart, so add labels or icons as well.
- 3
Test your brand colours
Check your main brand colour against white and against dark text before using it for body text.
0files uploaded
0signups needed
0cost to use
Tutorials on Color Converter & Contrast Checker
Short, practical guides that go with this tool.
🔒 Your privacy with Color Converter & Contrast Checker
Color Converter & Contrast Checker runs as client-side JavaScript inside your own browser tab. Your file or text is read, processed, and turned into a result on your device — it is never sent to, stored on, or seen by Toolkitties' servers. Closing or refreshing the page clears everything.
Frequently asked questions
What does the contrast checker tell me?
It gives the contrast ratio between text and background colours and whether it meets the AA and AAA levels.
What contrast ratio do I need?
For AA, normal text needs a ratio of at least 4.5 to 1 and large text at least 3 to 1. AAA asks for more.
What counts as large text?
Under the WCAG guidelines, large text is roughly 18 point and above, or 14 point and above in bold.
Can it convert HEX to RGB?
Yes. It converts between HEX, RGB and HSL.
Does passing the check guarantee accessibility?
No. Contrast is one part of accessibility. Also consider font size, spacing and testing with real users.
Is anything uploaded?
No. Everything runs in your browser.
Is Color Converter & Contrast Checker free to use?
Yes. Color Converter & Contrast Checker is 100% free, with no signup, no daily limit and no paid plans.
Do I need to create an account to use Color Converter & Contrast Checker?
No signup or login is required. Open the page and start using Color Converter & Contrast Checker immediately.
Is it safe to use Color Converter & Contrast Checker with private or sensitive files?
Yes. Color Converter & Contrast Checker processes your file locally in your browser using client-side code. The file itself is never uploaded to Toolkitties' servers.