LibraTool logoLibraTool
🎨
♿

Check Colour Contrast for Accessibility

Convert colours to get RGB values for use in contrast ratio tools — WCAG compliance for accessible design.

ללא צורך בכניסה

Accepts: HEX (#fff or #ffffff), RGB (255, 255, 255), or HSL (360, 100%, 50%)

Presets:
HEX#14B8A6
RGBrgb(20, 184, 166)
HSLhsl(173, 80%, 40%)
HSVhsv(173, 89%, 72%)
CMYKcmyk(89%, 0%, 10%, 28%)
CSS RGB20, 184, 166

Lightness scale

Click any swatch to switch to that shade

Accessibility tips

♿

WCAG 2.1 requires 4.5:1 contrast between text and background (AA), or 7:1 for enhanced (AAA) accessibility.

💡

Get the RGB values for both your text and background colours here, then paste them into a contrast checker like WebAIM's Contrast Checker.

🎨

Use the lightness scale to find a shade of your brand colour that passes contrast requirements while staying on-brand.

🔍

Teal and mid-range colours often fail contrast checks against white. Try L=30–40% in HSL for dark enough versions that pass 4.5:1.

כיצד זה עובד

1
קלט
Enter your data into the tool above. Everything stays local to your browser.
2
עיבוד
The tool processes your data instantly in your browser using JavaScript. No server, no waiting.
3
הורדה
Get your result instantly. Nothing is stored after you leave the page — complete privacy.

למה לבחור בנו?

✓חינמי לחלוטין — ללא עלויות נסתרות, לעולם
✓ללא צורך בחשבון, דוא"ל או כניסה
✓הקבצים לעולם לא עוזבים את המכשיר שלך
✓ללא מגבלות גודל קובץ כלל
✓ללא סימני מים על שום פלט

Also check out…

🌐

Convert Colors for Web Design

Get HEX, RGB, and HSL values for any colour — read

🖨️

Convert Colors for Print (CMYK)

Convert screen colours (HEX/RGB) to CMYK values fo

🎨

Build Color Palettes for Design Systems

Convert brand colours across all formats and gener

🖌️

Convert Colors for Figma

Get the exact HEX and RGB values to paste into Fig

שאלות נפוצות

Back to Color Converter