కలర్ పికర్ & కాంట్రాస్ట్ చెకర్
పికర్‌తో రంగు ఎంచుకోండి లేదా ఏ ఫార్మాట్‌లోనైనా టైప్ చేయండి. దాన్ని 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