1
రంగును నమోదు చేయండి లేదా పికర్తో దాన్ని ఎంచుకోండి.
2
అపారదర్శక నేపథ్యాన్ని సెట్ చేయండి మరియు మార్పిడిని అమలు చేయండి.
3
ఫార్మాట్లను కాపీ చేయండి లేదా రంగు మరియు కాంట్రాస్ట్ నివేదికను ఎగుమతి చేయండి.
CSS రంగు వీక్షకుడు మరియు కాంట్రాస్ట్ చెకర్
CSS రంగు విలువను నమోదు చేయండి, ఉదాహరణకు #ff6600, ff6600, rgb(255 102 0) లేదా hsl(24 100% 50%). సాధనం రంగును చూపుతుంది మరియు సాధారణ CSS ఫార్మాట్లకు మారుస్తుంది.
ఈ బ్రౌజర్లో విలువలు sRGBకి పరిష్కరించబడతాయి. ప్రస్తుత రంగు, var() మరియు సిస్టమ్ రంగులు వంటి సందర్భ-ఆధారిత రంగులు ఆమోదించబడవు. వైడ్-గమట్ మరియు CSS కలర్ 4 ఫంక్షన్లు ఈ సాధనం యొక్క మద్దతు ఉన్న ఇన్పుట్ ఫార్మాట్లకు వెలుపల ఉన్నాయి. RGBA, HSLA మరియు ఆల్ఫా HEXలో పారదర్శకత భద్రపరచబడింది. RGB మరియు HSL ఆల్ఫాను విస్మరిస్తాయి. కాంట్రాస్ట్ థ్రెషోల్డ్లు పూర్తి యాక్సెసిబిలిటీ ఆడిట్ను భర్తీ చేయవు.
చెల్లుబాటు అయ్యే CSS రంగు విలువను నమోదు చేయండి.
ఇన్పుట్ మార్చబడింది. ఈ నివేదిక ఇప్పటికీ చివరి విజయవంతమైన రన్కు చెందినది.
రంగు నమూనా ఇక్కడ కనిపిస్తుంది
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS ఇన్పుట్
—
WCAG కాంట్రాస్ట్ రేషియో:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4.5:1 అనేది సాధారణ టెక్స్ట్ కోసం AA థ్రెషోల్డ్; 3:1 తగినంత పెద్ద వచనానికి మాత్రమే వర్తిస్తుంది. 7:1 అనేది సాధారణ టెక్స్ట్ కోసం AAA. రంగు-జత తనిఖీ మొత్తం పేజీ ప్రాప్యతను ఏర్పాటు చేయదు.
ఆన్లైన్ CSS కలర్ చెకర్ని ఎందుకు ఉపయోగించాలి?
ఈ సాధనం మీ బ్రౌజర్లో నేరుగా ఏదైనా CSS రంగు విలువను త్వరగా చూసేందుకు మీకు సహాయపడుతుంది. మీరు డిజైన్ సిస్టమ్, స్టైల్ గైడ్ లేదా లేఅవుట్ నుండి కోడ్లను అతికించవచ్చు మరియు అవి స్క్రీన్పై ఎలా కనిపిస్తాయో వెంటనే చూడవచ్చు.
వెబ్సైట్ కోసం స్టైల్లను సిద్ధం చేసేటప్పుడు, బ్రాండ్ రంగులను సరిపోల్చేటప్పుడు లేదా ఇప్పటికే ఉన్న లేఅవుట్లను డీబగ్ చేస్తున్నప్పుడు దీన్ని ఉపయోగించండి. చెక్కర్ HEX, RGB, RGBA, HSL మరియు పేరున్న రంగులతో సహా అన్ని ప్రామాణిక CSS ఫార్మాట్లకు మద్దతు ఇస్తుంది.
ప్రచురణకు ముందు సమీక్షలు తనిఖీ చేయబడతాయి. మేము నిజమైన సానుకూల అభిప్రాయాన్ని మరియు నిర్దిష్ట విమర్శలను ప్రచురిస్తాము. ఉపయోగకరమైన వివరాలు లేని స్పామ్ మరియు అవమానాలు ప్రచురించబడవు; అశ్లీలత మరియు వ్యక్తిగత వివరాలు దాచబడ్డాయి. సానుకూల ఓట్లు వెంటనే లెక్కించబడతాయి; సమీక్ష తర్వాత ప్రతికూల ఓట్లు లెక్కించబడతాయి.
సమీక్షలు వినియోగదారుల అనుభవాలను ప్రతిబింబిస్తాయి, ఫలితాల హామీ లేదా సేవా పరిమితుల వివరణ కాదు. సమీక్షను అందించడానికి ఎగువన ఉన్న రేటింగ్ బటన్లను ఉపయోగించండి.