రంగు కాంట్రాస్ట్ చెకర్

Q: WCAG AA అనుగుణతకు కనీస కాంట్రాస్ట్ నిష్పత్తి ఎంత?

WCAG AA అనుగుణత కోసం సాధారణ టెక్స్ట్కు కనీసం 4.5:1 కాంట్రాస్ట్ నిష్పత్తి అవసరం, పెద్ద టెక్స్ట్కు (18pt లేదా 14pt బోల్డ్) 3:1 అవసరం.

Q: నా స్వంత రంగు కలయికలను పరీక్షించవచ్చా?

అవును, మీరు ఏదైనా HEX రంగు కోడ్ను నమోదు చేయవచ్చు లేదా మీ స్వంత రంగులను ఎంచుకోవడానికి రంగు పికర్ను ఉపయోగించవచ్చు. URL స్వయంచాలకంగా నవీకరించబడుతుంది, కాబట్టి మీరు నిర్దిష్ట రంగు కలయికలను పంచుకోవచ్చు.

మీ రంగులను తనిఖీ చేయండి

పాఠ్య చదవగలిగేలా WCAG యాక్సెసిబిలిటీ ప్రమాణాలను కలవడానికి రంగు కలయికలను పరీక్షించండి.

వ్యత్యాసం

AAA

టెక్స్ట్ ఫలితం

చాలా మంచిది

తులన: #000000 పై #D69FA9

టెక్స్ట్

16px, రెగ్యులర్ (400)

సాధారణ టెక్స్ట్‌గా పరిగణించబడుతుంది.

AA (WCAG 1.4.3): కనీసం 4.5:1
ఉత్తీర్ణత
AAA (WCAG 1.4.6): కనీసం 7:1
ఉత్తీర్ణత

UI భాగాలు మరియు గ్రాఫిక్స్

ఐకాన్లు, ఇన్పుట్ బోర్డర్లు, ఫోకస్ సూచికలు మరియు ఇంటర్ఫేస్‌ను ఉపయోగించడానికి మీరు చూడాల్సిన ఇతర భాగాలు.

AA (WCAG 1.4.11): కనీసం 3:1
ఉత్తీర్ణత

ఇది ఎలా తనిఖీ చేయబడుతుంది

తులన చేయబడిన రంగులు (బ్లెండింగ్ తర్వాత): టెక్స్ట్ #000000 బ్యాక్‌గ్రౌండ్ #D69FA9 పై
సాపేక్ష ల్యూమినెన్స్: టెక్స్ట్ 0.0000, బ్యాక్‌గ్రౌండ్ 0.4195
ఫార్ములా: (L1 + 0.05) / (L2 + 0.05) ఇక్కడ L1 లైట్ కలర్ యొక్క ల్యూమినెన్స్ మరియు L2 డార్కర్ కలర్ యొక్క ల్యూమినెన్స్.
ఖచ్చితమైన నిష్పత్తి: 9.3913 నిష్పత్తి 1, 9.39 నిష్పత్తి 1గా చూపబడింది. ప్రదర్శించబడిన విలువ నేరుగా కత్తిరించబడుతుంది, రౌండ్ చేయబడదు, కాబట్టి అది నిజంగా ఉన్నదానికంటే మెరువుగా కనిపించదు. ఖచ్చితమైన విలువనే అవసరంతో పోల్చబడుతుంది.

టెక్స్ట్ పరిమాణం: 16px, రెగ్యులర్ (400)

సాధారణ టెక్స్ట్‌గా పరిగణించబడుతుంది. పెద్ద టెక్స్ట్ కనీసం 24px (18pt) ఉంటుంది, లేదా బోల్డ్ (బరువు 700 లేదా అంతకంటే ఎక్కువ) అయినప్పుడు కనీసం 18.67px (14pt) ఉంటుంది. సైజులు రౌండ్ చేయబడవు, కట్ చేయబడ్డట్లు చూపబడతాయి.

నిర్ధారిత ప్రమాణాలు

పాఠ్య రంగు

నేపథ్య రంగు

పాఠ్య పరిమాణం (px)

ఫాంట్ బరువు

మునుజూపు శీర్షిక

వేగంగా పరిగెత్తే గోధుమ నక్క మోస్తరు కుక్కపైకి దూకింది

చిన్న పాఠ్య ఉదాహరణ (12px)

పాఠ్యం

#000000

నేపథ్యం

#d69fa9

WCAG ప్రమాణాలు

స్థాయి AA

సాధారణ టెక్స్ట్ కోసం కనీస కాంట్రాస్ట్ రేషియో 4.5:1, పెద్ద టెక్స్ట్ కోసం 3:1. చాలావరకు వెబ్‌సైట్లకు అవసరం.

స్థాయి AAA

సాధారణ టెక్స్ట్ కోసం పెరుగించిన కాంట్రాస్ట్ రేషియో 7:1 మరియు పెద్ద టెక్స్ట్ కోసం 4.5:1. అధికమైన చేరుకోవడానికి సిఫారసు చేయబడింది.

పాఠ్యం మరియు నేపథ్య రంగుల వ్యత్యాస నిష్పత్తిని లెక్కించండి.

టెక్స్ట్ మరియు బ్యాక్‌గ్రౌండ్ రంగు కోసం రంగు ఎంపికకర్తను ఉపయోగించి ఒక రంగును ఎంచుకో లేదా RGB హెక్సాడెసిమల్ ఫార్మాట్‌లో ఒక రంగును నమోదు చేయి (ఉదా., #259 లేదా #2596BE). రంగును ఎంచుకోవడానికి స్లైడర్‌ని సర్దుబాటు చేయవచ్చు. వెబ్ కంటెంట్ ఎక్స్‌సెసిబిలిటీ గైడ్‌లైన్స్ (WCAG) తయారైన వాళ్లు చూడగలరా తెలుసుకోవడానికి ప్రత్యేకమైన గైడ్‌లైన్ ఉంది. ఈ అల్గోరిథమ్ రంగు కలయికలను తులనాత్మక నిష్పత్తులుగా మారుస్తుంది. ఈ సూత్రాన్ని ఉపయోగించడం వల్ల, సాదారణ (శరీరం) టెక్స్ట్ మరియు పెద్ద టెక్స్టులకు (18+ pt సాదారణ, లేదా 14+ pt బోల్డ్) కనీసం 3:1 రంగు కాంట్రాస్ట్ నిష్పత్తి ఉండగలగాలి.

ప్రధాన లక్షణాలు

రియల్-టైమ్ కాంట్రాస్ట్ నిష్పత్తి గణన
WCAG AA & AAA అనుగుణత తనిఖీ
సూక్ష్మ-సర్దుబాటు కోసం HSL స్లైడర్లు
బహుళ ప్రివ్యూ ఫార్మాట్లు

అధునాతన సాధనాలు

స్వయంచాలక రంగు సరిదిద్దడం
టెక్స్ట్ మరియు నేపథ్య నమూనాలు
రంగు పేరు గుర్తింపు
ఫలితాలను ఎగుమతి చేయండి

తరచుగా అడిగే ప్రశ్నలు

WCAG AA అనుగుణత కోసం సాధారణ టెక్స్ట్‌కు కనీసం 4.5:1 కాంట్రాస్ట్ నిష్పత్తి అవసరం, పెద్ద టెక్స్ట్‌కు (18pt లేదా 14pt బోల్డ్) 3:1 అవసరం.

WCAG AAA అధిక కాంట్రాస్ట్ నిష్పత్తులను కోరుతుంది: సాధారణ టెక్స్ట్‌కు 7:1 మరియు పెద్ద టెక్స్ట్‌కు 4.5:1, AA కోసం వరుసగా 4.5:1 మరియు 3:1తో పోలిస్తే.

మీ డిజైన్ ఉద్దేశాన్ని కాపాడుతూ టెక్స్ట్ లేదా నేపథ్య రంగును సర్దుబాటు చేయడానికి మా స్వయంచాలక పరిష్కార ఫీచర్‌ను ఉపయోగించండి, లేదా AA/AAA అనుగుణతకు అనువైన ప్రాంతాలను చూపే దృశ్య సూచికలతో HSL స్లైడర్‌లను ఉపయోగించి రంగులను చేతితో సర్దుబాటు చేయండి.

ఆకుపచ్చ ప్రాంతాలు మరియు AA/AAA గుర్తులు WCAG అనుగుణతను సాధించడానికి అనువైన పరిధులను చూపుతాయి. దిశ సూచనలు (లేతగా/ముదురుగా) మీ ప్రస్తుత రంగు కలయిక ఆధారంగా మెరుగైన కాంట్రాస్ట్ వైపు మిమ్మల్ని నడిపిస్తాయి.

అవును, మీరు ఏదైనా HEX రంగు కోడ్‌ను నమోదు చేయవచ్చు లేదా మీ స్వంత రంగులను ఎంచుకోవడానికి రంగు పికర్‌ను ఉపయోగించవచ్చు. URL స్వయంచాలకంగా నవీకరించబడుతుంది, కాబట్టి మీరు నిర్దిష్ట రంగు కలయికలను పంచుకోవచ్చు.