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ഡാറ്റ ഫോർമാറ്റുകൾ മാറ്റുക