நிறத் தேர்வி & மாறுபாடு சரிபார்ப்பி
தேர்வியால் ஒரு நிறத்தைத் தேர்ந்தெடுங்கள் அல்லது எந்த வடிவத்திலும் தட்டச்சு செய்யுங்கள். அதை HEX, RGB, HSL, HSV, CMYK-ஆகப் பாருங்கள், வெளிர் நிறங்கள், அடர் நிறங்கள், பொருந்தும் நிறங்களைப் பெறுங்கள், இரண்டு நிறங்களில் உள்ள உரை அணுகல்தன்மைக்கான WCAG மாறுபாட்டு வழிகாட்டுதல்களைப் பூர்த்தி செய்கிறதா எனச் சரிபாருங்கள்.
நிறங்கள்
நிறத் தேர்வி & மாறுபாடு சரிபார்ப்பி பற்றி
தேர்வியால் ஒரு நிறத்தைத் தேர்ந்தெடுங்கள் அல்லது எந்த வடிவத்திலும் தட்டச்சு செய்யுங்கள். அதை HEX, RGB, HSL, HSV, CMYK-ஆகப் பாருங்கள், வெளிர் நிறங்கள், அடர் நிறங்கள், பொருந்தும் நிறங்களைப் பெறுங்கள், இரண்டு நிறங்களில் உள்ள உரை அணுகல்தன்மைக்கான WCAG மாறுபாட்டு வழிகாட்டுதல்களைப் பூர்த்தி செய்கிறதா எனச் சரிபாருங்கள்.
SmartCalcy-இன் “கோப்புகள், படங்கள் & வடிவமைப்பு” பிரிவின் ஒரு பகுதி. இது கணக்கு இல்லாமல் உங்கள் உலாவியில் இயங்குகிறது, உங்கள் சொந்த நாணயம் மற்றும் அலகுகளைப் பயன்படுத்துகிறது (பக்கத்தின் மேலே மாற்றலாம்), தகவலுக்காக மட்டுமே மதிப்பீடுகளைத் தருகிறது; எனவே ஒரு முடிவை நம்புவதற்கு முன் அதிகாரப்பூர்வ வழிகாட்டுதலைச் சரிபாருங்கள்.
நிறத் தேர்வி & மாறுபாடு சரிபார்ப்பி-ஐ எப்படிப் பயன்படுத்துவது
இது என்ன கணக்கிடுகிறது, எப்போது பயன்படுத்துவது
HEX, RGB, HSL, HSV, CMYK இடையே நிறங்களைத் தேர்ந்தெடுத்து மாற்றுகிறது, வெளிர் நிறங்கள், அடர் நிறங்கள், பொருந்தும் நிறங்களைப் பரிந்துரைக்கிறது, WCAG அணுகல்தன்மை வழிகாட்டுதல்களின்படி உரை மாறுபாட்டைச் சரிபார்க்கிறது.
படிப்படியாக எப்படிப் பயன்படுத்துவது
- தேர்வியைக் கொண்டு நிறத்தைத் தேர்ந்தெடுங்கள் அல்லது HEX, RGB, HSL அல்லது நிறப் பெயராகத் தட்டச்சு செய்யுங்கள்.
- மாறுபாட்டைச் சரிபார்க்கப் பின்னணி நிறத்தைத் தேர்ந்தெடுங்கள்.
- எந்த வடிவத்தையும் ஒரே கிளிக்கில் நகலெடுங்கள்.
- வண்ணத் தொகுப்புக்கு வெளிர் நிறங்கள், அடர் நிறங்கள், பொருந்தும் நிறங்களைப் பயன்படுத்துங்கள்.
ஒவ்வொரு உள்ளீடும் எதைக் குறிக்கிறது
- நிறம் – #2443C8, SmartCalcy நீலத்தில் தொடங்கும்.
- பின்னணி – வெள்ளையில் தொடங்கும்.
முடிவுகளை எப்படிப் படிப்பது
- மாறுபாட்டு விகிதம் – 1:1 முதல் 21:1 வரை, சாதாரண மற்றும் பெரிய உரைக்கான AA, AAA முடிவுகளுடன்.
- வடிவங்கள் – HEX, RGB, HSL, HSV, CMYK.
- வெளிர் மற்றும் அடர் நிறங்கள் – வெளிர் மற்றும் அடர் பதிப்புகள்.
- பொருந்தும் நிறங்கள் – நிரப்பு, ஒத்த, மூவண்ண நிறங்கள்.
சூத்திரம்
மாறுபாட்டு விகிதம் = (L1 + 0.05) ÷ (L2 + 0.05), இங்கு L1, L2 என்பவை வெளிர் மற்றும் அடர் நிறங்களின் சார்பு ஒளிர்வுகள். WCAG AA-க்குச் சாதாரண உரைக்கு 4.5:1, பெரிய உரைக்கு 3:1 தேவை; AAA-க்கு 7:1, 4.5:1 தேவை.
ஒரு செயல்முறை எடுத்துக்காட்டு
தொடக்க நிறங்களுடன், வெள்ளையின் மேல் #2443C8-இன் மாறுபாட்டு விகிதம் 7.74:1, இது எல்லா உரை அளவுகளுக்கும் AAA-இல் தேர்ச்சி பெறுகிறது.
அனுமானங்களும் வரம்புகளும்
- CMYK மதிப்புகள் எளிய மாற்றம் மட்டுமே, நிர்வகிக்கப்பட்ட அச்சு நிறச் சுயவிவரம் அல்ல.
- மாறுபாட்டு முடிவுகள் WCAG 2 சூத்திரத்தைப் பின்பற்றுகின்றன.
பொதுவான தவறுகள்
- பெரிய உரையில் மட்டும் மாறுபாட்டைச் சரிபார்த்து, அந்த நிறத்தைச் சிறிய உரைக்குப் பயன்படுத்துவது.
- பொருளைக் காட்ட நிறத்தை மட்டுமே நம்புவது.
அடிக்கடி கேட்கப்படும் கேள்விகள்
எனக்கு எந்த மாறுபாட்டு விகிதம் தேவை?
WCAG AA-ஐ நிறைவு செய்யச் சாதாரண உரைக்குக் குறைந்தது 4.5:1, பெரிய உரைக்கு 3:1.
பெரிய உரை என்பது சிறப்பு அளவா?
ஆம்: குறைந்தது 24 px, அல்லது தடித்த எழுத்தில் சுமார் 18.7 px.
நிறப் பெயரைத் தட்டச்சு செய்யலாமா?
ஆம், teal அல்லது tomato போன்ற எந்த CSS நிறப் பெயரும் இயங்கும்.
தொடர்புடைய கருவிகள்
| நிலை | சாதாரண உரை | பெரிய உரை |
|---|---|---|
| AA | தேர்ச்சி | தேர்ச்சி |
| AAA | தேர்ச்சி | தேர்ச்சி |
வடிவங்கள்
- HEX
- RGB
- HSL
- HSV
- CMYK