కలర్ కోడ్ జనరేటర్ & పికర్

రంగు కోడ్‌లు, వైవిధ్యాలు, సామరస్యాలను రూపొందించండి మరియు కాంట్రాస్ట్ నిష్పత్తులను తనిఖీ చేయండి.

రంగు-మార్పిడి

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

వైవిధ్యాలు

ఈ విభాగం యొక్క ఉద్దేశ్యం ఏమిటంటే, మీరు ఎంచుకున్న రంగు యొక్క టింట్‌లను (స్వచ్ఛమైన తెలుపు జోడించబడింది) మరియు షేడ్స్ (స్వచ్ఛమైన నలుపు జోడించబడింది) 10% ఇంక్రిమెంట్‌లలో ఖచ్చితంగా ఉత్పత్తి చేయడం.

ప్రో చిట్కా: హోవర్ స్థితులు మరియు నీడల కోసం షేడ్స్, హైలైట్‌లు మరియు నేపథ్యాల కోసం టింట్స్ ఉపయోగించండి.

షేడ్స్

మీ మూల రంగుకు నలుపును జోడించడం ద్వారా ముదురు వైవిధ్యాలు సృష్టించబడతాయి.

టింట్స్

మీ మూల రంగుకు తెలుపును జోడించడం ద్వారా తేలికైన వైవిధ్యాలు సృష్టించబడతాయి.

సాధారణ వినియోగ సందర్భాలు

  • UI కాంపోనెంట్ స్టేట్స్ (హోవర్, యాక్టివ్, డిసేబుల్డ్)
  • నీడలు మరియు ముఖ్యాంశాలతో లోతును సృష్టించడం
  • స్థిరమైన రంగు వ్యవస్థలను నిర్మించడం

డిజైన్ సిస్టమ్ చిట్కా

ఈ వైవిధ్యాలు ఒక పొందికైన రంగుల పాలెట్‌కు పునాదిని ఏర్పరుస్తాయి. మీ మొత్తం ప్రాజెక్ట్‌లో స్థిరత్వాన్ని కొనసాగించడానికి వాటిని ఎగుమతి చేయండి.

రంగు కలయికలు

ప్రతి సామరస్యం దాని స్వంత మానసిక స్థితిని కలిగి ఉంటుంది. బాగా కలిసి పనిచేసే రంగుల కలయికలను ఆలోచించడానికి సామరస్యాలను ఉపయోగించండి.

ఎలా ఉపయోగించాలి

ఏదైనా రంగు యొక్క హెక్స్ విలువను కాపీ చేయడానికి దానిపై క్లిక్ చేయండి. ఈ కలయికలు దృశ్య సామరస్యాన్ని సృష్టించడానికి గణితశాస్త్రంలో నిరూపించబడ్డాయి.

ఇది ఎందుకు ముఖ్యం

రంగుల సామరస్యాలు మీ డిజైన్లలో సమతుల్యతను సృష్టిస్తాయి మరియు నిర్దిష్ట భావోద్వేగాలను రేకెత్తిస్తాయి.

అనుబంధం

కలర్ వీల్ పై ఒక రంగు మరియు దాని వ్యతిరేకత, +180 డిగ్రీల రంగు. అధిక కాంట్రాస్ట్.

#ca4e4e
దీనికి ఉత్తమమైనది: అధిక-ప్రభావ డిజైన్‌లు, CTAలు, లోగోలు

స్ప్లిట్-కాంప్లిమెంటరీ

ఒక రంగు మరియు దాని పూరకానికి ఆనుకుని ఉన్న రెండు, ప్రధాన రంగుకు ఎదురుగా ఉన్న విలువ నుండి +/-30 డిగ్రీల రంగు. స్ట్రెయిట్ పూరకం లాగా బోల్డ్, కానీ మరింత బహుముఖంగా ఉంటుంది.

దీనికి ఉత్తమమైనది: ఉత్సాహభరితమైన కానీ సమతుల్య లేఅవుట్‌లు

ట్రయాడిక్

కలర్ వీల్ వెంట మూడు రంగులు సమానంగా ఉంటాయి, ప్రతి రంగు 120 డిగ్రీల దూరంలో ఉంటుంది. ఒక రంగు ఆధిపత్యం చెలాయించడానికి మరియు మిగిలిన వాటిని యాసలుగా ఉపయోగించడానికి ఉత్తమం.

దీనికి ఉత్తమమైనది: ఉల్లాసభరితమైన, ఉత్సాహభరితమైన డిజైన్లు

సారూప్యత

కలర్ వీల్‌పై 30 డిగ్రీల దూరంలో ప్రక్కనే ఉన్న రంగులతో ఒకే ప్రకాశం మరియు సంతృప్తత కలిగిన మూడు రంగులు. సున్నితమైన పరివర్తనాలు.

దీనికి ఉత్తమమైనది: ప్రకృతి ప్రేరేపిత, ప్రశాంతమైన ఇంటర్‌ఫేస్‌లు

మోనోక్రోమాటిక్

+/-50% ప్రకాశం విలువలతో ఒకే రంగు యొక్క మూడు రంగులు. సూక్ష్మమైనది మరియు శుద్ధి చేయబడింది.

దీనికి ఉత్తమమైనది: కనీస, అధునాతన డిజైన్లు

టెట్రాడిక్

60 డిగ్రీల రంగుతో వేరు చేయబడిన రెండు జతల పరిపూరక రంగులు.

దీనికి ఉత్తమమైనది: గొప్ప, విభిన్న రంగు పథకాలు

రంగు సిద్ధాంత సూత్రాలు

సంతులనం

ఒక ఆధిపత్య రంగును, ద్వితీయ రంగుతో మద్దతును మరియు తక్కువగా యాసను ఉపయోగించండి.

కాంట్రాస్ట్

చదవడానికి మరియు ప్రాప్యతకు తగినంత కాంట్రాస్ట్ ఉండేలా చూసుకోండి.

సామరస్యం

ఏకీకృత దృశ్య అనుభవాన్ని సృష్టించడానికి రంగులు కలిసి పనిచేయాలి.

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

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

టెక్స్ట్ రంగు
నేపథ్య రంగు
విరుద్ధంగా
Fail
చిన్న వచనం
✖︎
పెద్ద వచనం
✖︎
WCAG ప్రమాణాలు
AA:సాధారణ టెక్స్ట్ కోసం కనీస కాంట్రాస్ట్ నిష్పత్తి 4.5:1 మరియు పెద్ద టెక్స్ట్ కోసం 3:1. చాలా వెబ్‌సైట్‌లకు అవసరం.
AAA:సాధారణ టెక్స్ట్ కోసం 7:1 మరియు పెద్ద టెక్స్ట్ కోసం 4.5:1 యొక్క మెరుగైన కాంట్రాస్ట్ నిష్పత్తి. ఉత్తమ యాక్సెసిబిలిటీ కోసం సిఫార్సు చేయబడింది.

అందరూ మేధావులే. కానీ మీరు చెట్టును అధిరోహించే సామర్థ్యాన్ని బట్టి చేపను అంచనా వేస్తే, అది తెలివితక్కువదని నమ్ముతూ జీవితాంతం జీవిస్తుంది.

- Albert Einstein

సాంకేతిక ఆకృతులు

ఆచరణాత్మక ఆకృతులు

రంగు విశ్లేషణ

అంధత్వ సిమ్యులేటర్

సృజనాత్మక అంశాలు