రంగు మార్పిడి
#e8f1d4
Chrome White
వేరియేషన్స్
ఈ విభాగం ఉద్దేశం మీ ఎంపిక చేసిన రంగు యొక్క 10% పెరుగుదలలో టింట్స్ (ప్యూర్ వైట్ జోడించబడింది) మరియు షేడ్స్ (ప్యూర్ బ్లాక్ జోడించబడింది) ఖచ్చితంగా ఉత్పత్తి చేయడం.
ప్రో టిప్: హోవర్ స్టేట్స్ మరియు షాడోస్ కోసం షేడ్స్ ఉపయోగించండి, హైలైట్స్ మరియు బ్యాక్గ్రౌండ్స్ కోసం టింట్స్ ఉపయోగించండి.
షేడ్స్
మీ బేస్ రంగుకు నలుపు జోడించడం ద్వారా సృష్టించబడిన గాఢమైన వేరియేషన్స్.
టింట్స్
మీ బేస్ రంగుకు తెలుపు జోడించడం ద్వారా సృష్టించబడిన తేలికపాటి వేరియేషన్స్.
సాధారణ ఉపయోగాలు
- • UI భాగం స్టేట్స్ (హోవర్, యాక్టివ్, డిసేబుల్)
- • షాడోస్ మరియు హైలైట్స్తో లోతు సృష్టించడం
- • సంఖ్యా తంత్రం రంగు వ్యవస్థలను నిర్మించడం
డిజైన్ సిస్టమ్ టిప్
ఈ వేరియేషన్స్ సమగ్ర రంగు ప్యాలెట్ యొక్క పునాది. మీ మొత్తం ప్రాజెక్ట్లో స్థిరత్వాన్ని నిర్వహించడానికి వాటిని ఎగుమతి చేయండి.
రంగు కలయికలు
ప్రతి హార్మనీకి దాని స్వంత మూడ్ ఉంటుంది. బాగా కలిసే రంగు కాంబోలను బ్రెయిన్స్టార్మ్ చేయడానికి హార్మనీస్ను ఉపయోగించండి.
ఎలా ఉపయోగించాలి
దాని హెక్స్ విలువను కాపీ చేయడానికి ఏదైనా రంగుపై క్లిక్ చేయండి. ఈ కలయికలు విజువల్ హార్మనీని సృష్టించడానికి గణితపరంగా నిరూపించబడ్డాయి.
ఇది ఎందుకు ముఖ్యం
రంగు హార్మనీస్ సమతుల్యతను సృష్టిస్తాయి మరియు మీ డిజైన్లలో నిర్దిష్ట భావాలను ప్రేరేపిస్తాయి.
పూర్తి
రంగు చక్రంలో ఒక రంగు మరియు దాని వ్యతిరేకం, +180 డిగ్రీల హ్యూ. అధిక వ్యతిరేకత.
స్ప్లిట్-పూర్తి
ఒక రంగు మరియు దాని పూర్తి పక్కన ఉన్న రెండు, ప్రధాన రంగుకు వ్యతిరేకంగా విలువ నుండి +/-30 డిగ్రీల హ్యూ. నేరుగా పూర్తి చేసినట్లే ధైర్యంగా ఉంటుంది, కానీ మరింత అనుకూలంగా ఉంటుంది.
త్రిభుజం
రంగు చక్రంలో సమానంగా విస్తరించిన మూడు రంగులు, ప్రతి ఒక్కటి 120 డిగ్రీల హ్యూ దూరంలో. ఒక రంగు ఆధిపత్యం చెలాయించడానికి మరియు ఇతరులను యాదృచ్ఛికంగా ఉపయోగించడానికి ఉత్తమం.
సమానమైన
అదే ప్రకాశం మరియు సంతృప్తితో మూడు రంగులు, రంగు చక్రంలో పక్కపక్కన ఉన్న హ్యూస్, 30 డిగ్రీల దూరంలో. మృదువైన మార్పులు.
ఏకవర్ణ
అదే హ్యూలో మూడు రంగులు, ప్రకాశం విలువలు +/-50%. సున్నితమైన మరియు శ్రేష్ఠమైన.
టెట్రాడిక్
రెండు సెట్ల పరస్పర విరుద్ధ రంగులు, 60 డిగ్రీల హ్యూ ద్వారా వేరుచేయబడ్డాయి.
రంగు సిద్ధాంతం సూత్రాలు
సమతుల్యత
ఒక ప్రధాన రంగును ఉపయోగించండి, ద్వితీయంతో మద్దతు ఇవ్వండి, మరియు యాదృచ్ఛికంగా ఆకర్షించండి.
వ్యతిరేకత
పఠనీయత మరియు ప్రాప్యత కోసం తగినంత వ్యతిరేకతను నిర్ధారించండి.
సామరస్యము
రంగులు ఒక ఏకీకృత దృశ్య అనుభవాన్ని సృష్టించడానికి కలిసి పనిచేయాలి.
రంగు వ్యత్యాస తనిఖీ
పాఠ్య చదవగలిగేలా WCAG యాక్సెసిబిలిటీ ప్రమాణాలను కలవడానికి రంగు కలయికలను పరీక్షించండి.
పాఠ్య రంగు
నేపథ్య రంగు
వ్యత్యాసం
WCAG ప్రమాణాలు
అధునాతన కాంట్రాస్ట్ చెకర్
స్లైడర్లతో సరిగ్గా సర్దుబాటు చేయండి, బహుళ ప్రివ్యూలు & మరిన్ని
ప్రతి ఒక్కరూ ఒక ప్రతిభావంతుడు. కానీ మీరు ఒక చేపను చెట్టెక్కించగలిగే దాని సామర్థ్యాన్ని అంచనా వేస్తే, అది దాని జీవితమంతా అది మూర్ఖమని నమ్ముతూ జీవిస్తుంది.