#4682B4 · రంగు కోడ్ జనరేటర్ & పికర్

రంగు కోడ్లు, వేరియేషన్లు, హార్మోనీలు సృష్టించండి మరియు కాంట్రాస్ట్ నిష్పత్తులను తనిఖీ చేయండి.

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

#4682b4

వేరియేషన్స్

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

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

షేడ్స్

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

టింట్స్

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

సాధారణ ఉపయోగాలు

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

డిజైన్ సిస్టమ్ టిప్

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

రంగు కలయికలు

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

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

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

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

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

పూర్తి

రంగు చక్రంలో ఒక రంగు మరియు దాని వ్యతిరేకం, +180 డిగ్రీల హ్యూ. అధిక వ్యతిరేకత.

ఉత్తమం: అధిక ప్రభావం కలిగించే డిజైన్లు, CTAలు, లోగోలు

స్ప్లిట్-పూర్తి

ఒక రంగు మరియు దాని పూర్తి పక్కన ఉన్న రెండు, ప్రధాన రంగుకు వ్యతిరేకంగా విలువ నుండి +/-30 డిగ్రీల హ్యూ. నేరుగా పూర్తి చేసినట్లే ధైర్యంగా ఉంటుంది, కానీ మరింత అనుకూలంగా ఉంటుంది.

ఉత్తమం: ప్రాణం ఉన్న కానీ సమతుల్యమైన లేఅవుట్లు

త్రిభుజం

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

ఉత్తమం: ఆటపట్టించే, ఉత్సాహభరితమైన డిజైన్లు

సమానమైన

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

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

ఏకవర్ణ

అదే హ్యూలో మూడు రంగులు, ప్రకాశం విలువలు +/-50%. సున్నితమైన మరియు శ్రేష్ఠమైన.

ఉత్తమం: తక్కువ, సొphisతికేటెడ్ డిజైన్లు

టెట్రాడిక్

రెండు సెట్ల పరస్పర విరుద్ధ రంగులు, 60 డిగ్రీల హ్యూ ద్వారా వేరుచేయబడ్డాయి.

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

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

సమతుల్యత

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

వ్యతిరేకత

పఠనీయత మరియు ప్రాప్యత కోసం తగినంత వ్యతిరేకతను నిర్ధారించండి.

సామరస్యము

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

రంగు వ్యత్యాస తనిఖీ

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

వ్యత్యాసం

1.00
common.contrastFail
చాలా దారుణం
చిన్న పాఠ్యం
common.contrastFail
పెద్ద పాఠ్యం
common.contrastFail

WCAG ప్రమాణాలు

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

అధునాతన కాంట్రాస్ట్ చెకర్

స్లైడర్లతో సరిగ్గా సర్దుబాటు చేయండి, బహుళ ప్రివ్యూలు & మరిన్ని

ప్రతి ఒక్కరూ ఒక ప్రతిభావంతుడు. కానీ మీరు ఒక చేపను చెట్టెక్కించగలిగే దాని సామర్థ్యాన్ని అంచనా వేస్తే, అది దాని జీవితమంతా అది మూర్ఖమని నమ్ముతూ జీవిస్తుంది.

contrastChecker.quote1Author

సాంకేతిక ఫార్మాట్లు

వీడియో ఉత్పత్తి, ఫోటోగ్రఫీ, శాస్త్రీయ అనువర్తనాలు మరియు రంగు నిర్వహణ వ్యవస్థలలో ఉపయోగించే అధునాతన రంగు స్థలం ప్రాతినిధ్యాలు మరియు ప్రొఫెషనల్ రంగు మోడళ్లను అన్వేషించండి. ఈ సాంకేతిక ఫార్మాట్లు ప్రత్యేక పరిశ్రమలు మరియు అనువర్తనాల కోసం ఖచ్చితమైన రంగు స్పెసిఫికేషన్లను అందిస్తాయి.

ప్రాక్టికల్ ఫార్మాట్లు

ముద్రణ అనుకరణ, LED డిస్ప్లేలు, టెర్మినల్ అవుట్‌పుట్ మరియు డేటా ఎన్‌కోడింగ్‌ను కలుపుకొని వాస్తవ ప్రపంచ అనువర్తనాల కోసం రంగులను ప్రాక్టికల్ ఫార్మాట్‌లకు మార్చండి. ఈ ఫార్మాట్‌లు వివిధ మీడియా, ప్లాట్‌ఫారమ్‌లు మరియు భౌతిక పరికరాలపై రంగులను అమలు చేయడంలో మీకు సహాయపడతాయి.

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

స్పెక్ట్రల్ కాంపోజిషన్, రంగు స్వచ్ఛత, మెటామెరిజం ప్రభావాలు మరియు గ్రాహ్య లక్షణాలు వంటి అధునాతన మెట్రిక్స్‌తో రంగు లక్షణాలను విశ్లేషించండి. ఈ సాధనాలు వివిధ వీక్షణ పరిస్థితులలో రంగు ప్రవర్తన మరియు రూపాన్ని లోతుగా అర్థం చేసుకోవడానికి లోతైన అంతర్దృష్టులను అందిస్తాయి.

కళా అంధత్వ అనుకరణ

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

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

సృజనాత్మక అనువర్తనాల కోసం సీజనల్ అసోసియేషన్స్, భావోద్వేగ ప్రభావం, సహజ సంభవాలు, చారిత్రక పిగ్మెంట్లు మరియు రంగు మిక్సింగ్ రెసిపీలను కలిగి ఉన్న రంగుల కళాత్మక మరియు మానసిక పరిమాణాలను అన్వేషించండి.