Check Colour Contrast for Accessibility

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

لا يلزم تسجيل الدخول

Color input

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.

كيف يعمل

أدخل

Enter your data into the tool above. Everything stays local to your browser.

معالجة

The tool processes your data instantly in your browser using JavaScript. No server, no waiting.

تنزيل

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 محول الألوان