Skip to content

कलर कन्वर्टर और कंट्रास्ट

रंगों को HEX, RGB, HSL और OKLCH के बीच बदलें और सुलभ टेक्स्ट के लिए WCAG कंट्रास्ट अनुपात जाँचें।

कोई अपलोड नहीं Embed this tool on your site →
HEX#FF5A1F
RGBrgb(255, 90, 31)
HSLhsl(16 100% 56%)
OKLCHoklch(68.2% 0.211 37.7)
Tailwindbg-[#ff5a1f]

Contrast checker

Background #ffffff

Large heading

Normal body text looks like this on the background.

3.12:1

✕ AA normal text
✓ AA large text
✕ AAA normal text
✕ AAA large text

Palette contrast matrix

Paste a whole palette to check every text/background pair against WCAG 2.2.

0 of 0 pairs pass

कलर कन्वर्टर और कंट्रास्ट कैसे इस्तेमाल करें

  1. 1कलर कन्वर्टर और कंट्रास्ट खोलें। यह आपके ब्राउज़र में चलता है, साइन-अप की ज़रूरत नहीं।
  2. 2अपना इनपुट टाइप या पेस्ट करें।
  3. 3नतीजा कॉपी या डाउनलोड करें।

सवाल

What contrast do I need?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18pt+ or 14pt bold).

What is OKLCH?

A perceptual colour space used in modern CSS. Equal steps in lightness look equal to the eye.

और टूल

JSON फ़ॉर्मेटर और वैलिडेटरसुंदर बनाएँ, छोटा करें, जाँचें Base64 एनकोडर और डिकोडरटेक्स्ट और फ़ाइलें हैश जनरेटरMD5, SHA-1, SHA-256, SHA-512 पासवर्ड और UUID जनरेटरमज़बूत, रैंडम, स्थानीय Regex टेस्टरलाइव मैच और ग्रुप JWT डिकोडरहेडर, पेलोड, समाप्ति डिफ़ चेकरदो टेक्स्ट की तुलना CSV ↔ JSON ↔ YAML ↔ XMLडेटा फ़ॉर्मेट बदलें