మీకు మాక్-అప్, చార్ట్ లేదా ఖాళీ కాన్వాస్ కోసం రంగు అవసరమా, అలవాటు మేరకు ఒకటిని ఎంచుకోవాలని అనిపించడం లేదా? ఈ ఉచిత యాదృచ్ఛిక రంగు జనరేటర్ స్క్రీన్ చూపించగల మొత్తం 24-bit శ్రేణి నుండి రంగులను తీసుకొని ప్రతి రంగుని దాని కోడ్ పక్కన ఉన్న రంగు నమూనాపై ప్రదర్శిస్తుంది. “ఎంపికల సంఖ్య” ఫీల్డ్లో 1 నుండి 50 వరకు ఎన్ని రంగులు కావాలో ఎంచుకోండి, అవసరమైన ఆకృతులను ఎంచుకుని “సృష్టించు” బటన్ నొక్కండి. పేజీ HEX లో ఒక రంగుతో తెరుచుకుంటుంది, కాబట్టి మొదటి ఫలితం ఒక్క క్లిక్‌లో వస్తుంది. “HEX కోడ్” చెక్‌బాక్స్ మొదటి నుండి ఎంచుకోబడి ఉంటుంది, “RGB కోడ్” మరియు “HSL కోడ్” దాని పక్కన ఉంటాయి, మూడింటిలో ఏ కలయికనైనా ఒకేసారి ఆన్ చేయవచ్చు. “సృష్టించు” బటన్ పక్కన ఉన్న గేర్ బటన్ “అధునాతన ఎంపికలు” పానెల్‌ను తెరుస్తుంది, అక్కడ మీరు రంగులను ఒక నిర్దిష్ట రకం లేదా పరిధికి పరిమితం చేయవచ్చు, పునరావృత్తులను నిరోధించవచ్చు మరియు HEX రాయబడే విధానాన్ని మార్చవచ్చు.
ప్రతి రంగు మీ బ్రౌజర్లో Web Crypto API (crypto.getRandomValues) ద్వారా రూపొందించబడుతుంది, ఇది Math.random() వంటి సూడో-రాండమ్ ఫంక్షన్ కాకుండా మీ సిస్టమ్ స్వంత మూలం నుండి క్రిప్టోగ్రాఫిక్గా బలమైన యాదృచ్ఛిక బైట్‌లను అందిస్తుంది. స్క్రీన్‌పై రంగు మూడు ఛానెల్లను కలిగి ఉంటుంది — ఎరుపు, ఆకుపచ్చ మరియు నీలం — ప్రతి ఒక్కటి 0 నుండి 255 వరకు పూర్ణాంకం, ఒక యాదృచ్ఛిక బైట్ సరిగ్గా 256 విలువల్లో ఒకటి తీసుకోగలదు. కాబట్టి ప్రతి ఛానెల్ నేరుగా ఒక బైట్, మధ్యలో ఏమీ లేకుండా: ఎటువంటి శేషం తీసుకోబడదు, ఏ మార్పిడి దశ ద్వారా ఏ ఛాయకూ అనుకూలత ఇవ్వబడదు. ఇది మీరు “సృష్టించు” నొక్కిన ప్రతిసారి పేజీ రూపొందించగల అన్ని 16,777,216 రంగులనూ సమానంగా అవకాశం కలిగేలా చేస్తుంది. “అధునాతన ఎంపికలు” లో ఇరుకైన పరిధి ఆ నియమాన్ని పరిధిలోనూ నిలుపుతుంది: రంగులు మొత్తం స్పేస్ నుండి తీసుకోబడతాయి, బయట పడేవి వేరు చేయబడతాయి, కాబట్టి పరిధి అనుమతించే ప్రతి రంగుకు అదే అవకాశం ఉంటుంది. సర్వర్కు ఏమీ పంపబడదు, ఏమీ లాగ్ అవదు, పేజీ లోడ్ అయిన తర్వాత ఇంటర్నెట్ కనెక్షన్ ఆఫ్ చేసినా పనిచేస్తూనే ఉంటుంది.
ఈ మూడు ఫార్మాట్లు ఒకే రంగును మూడు విధాలుగా వర్ణిస్తాయి. “HEX కోడ్” ఫార్మాట్ అనేది CSS మరియు చాలా డిజైన్ టూల్స్లో ఉపయోగించే #0778ff వంటి ఆరు అంకెల రూపం; ఇది చిన్న అక్షరాలతో ముందు # తో రాయబడుతుంది, “అధునాతన ఎంపికలు” లో “పెద్ద అక్షరాలు” మరియు “# లేకుండా” ఆప్షన్లు వేరే ఆకృతి ఆశించే టూల్స్ కోసం దాన్ని మారుస్తాయి. “RGB కోడ్” ఫార్మాట్ rgb(7, 120, 255) గా మూడు ఛానెల్లను వేరువేరుగా చూపిస్తుంది, ఇది ప్రతి ఛానెల్‌పై వేరువేరుగా పనిచేసే కోడ్‌కు అనువైనది. “HSL కోడ్” ఫార్మాట్ hsl(213, 100%, 51%) గా హ్యూ, శాచురేషన్ మరియు లైట్నెస్ ద్వారా రంగును వర్ణిస్తుంది, తర్వాత చేతితో సర్దుబాటు చేయడానికి ఇది అత్యంత సులభమైన రూపం. మూడూ నేరుగా స్టైల్‌షీట్‌లో పేస్ట్ చేయవచ్చు. అయితే అవి సమానంగా ఖచ్చితమైనవి కావు. HEX మరియు RGB ఖచ్చితమైనవి; HSL అంచనా వేయబడినది. పేజీ హ్యూ, శాచురేషన్ మరియు లైట్నెస్ను పూర్ణాంకాలుగా రాస్తుంది, మరియు దాదాపు 89% రంగులకు ఆ అంచనా విలువ అదే ఖచ్చితమైన రంగుకు తిరిగి మారదు: #646503 hsl(61, 94%, 20%) గా చూపబడుతుంది, ఇది తిరిగి మారిస్తే #616303 అవుతుంది. తేడా ఏ ఛానెల్‌లోనూ 5 స్టెప్‌లకు మించదు, సాధారణంగా 1 లేదా 2 — స్క్రీన్‌పై కంటికి కనిపించదు, కానీ HSL విలువ సేవ్ చేసి అసలు HEX తిరిగి ఆశించినప్పుడు నిజమైనది. కాబట్టి మీరు సేవ్ చేసే విలువగా HEX లేదా RGB ఉంచుకోండి.
ఒక రంగు ఫలితం మధ్యలో ఒకే చిప్‌గా కనిపిస్తుంది; అనేక రంగులు ఒక నంబర్ చేయబడిన జాబితాగా, ఒక్కో వరుసలో ఒక రంగుతో, ఎంచుకున్న ఫార్మాట్లు పక్కపక్కన మరియు చివరిలో ఒక చిన్న కాంట్రాస్ట్ బ్యాడ్జ్తో కనిపిస్తాయి. మూడు కంటే ఎక్కువ రంగుల జాబితా బాక్స్ లోపల స్క్రోల్ అవుతుంది, మూలలో ఉన్న బాణం దాన్ని పూర్తి ఎత్తుకు తెరుస్తుంది; మీరు దాన్ని ఎలా వదిలారో పేజీ గుర్తు పెట్టుకుంటుంది. ఆ కోడ్ మాత్రం కాపీ చేయడానికి ఏ కోడ్‌పైనా క్లిక్ చేయండి. వరుస చివరిలో ఉన్న కాపీ బటన్ ఆ రంగు యొక్క అన్ని కోడ్‌లను ఒక్క వరుసలో స్పేస్‌లతో వేరు చేసి కాపీ చేస్తుంది. రంగు నమూనాపై క్లిక్ చేస్తే మీ బ్రౌజర్ స్వంత కలర్ పికర్ తెరుచుకుంటుంది: అక్కడ వేరే రంగు ఎంచుకుంటే ఆ వరుసలోని ప్రతి కోడ్ మీరు ఆన్ చేసిన ప్రతి ఫార్మాట్లో దాని బ్యాడ్జ్తో పాటు తిరిగి రాయబడుతుంది. “అన్నీ కాపీ చేయండి” బటన్ మొత్తం బ్యాచ్ను, ఒక్కో వరుసలో ఒక రంగుతో కాపీ చేస్తుంది, “ఫైల్కు సేవ్ చేయండి” అదే టెక్స్ట్‌ను .txt ఫైల్‌గా సేవ్ చేస్తుంది; రెండూ మీరు కలర్ పికర్‌లో మార్చిన రంగులను అనుసరిస్తాయి. “చరిత్ర” మీ చివరి 10 బ్యాచ్లను ఈ బ్రౌజర్లో అవి రూపొందించబడినట్లుగా నిల్వ చేస్తుంది, క్లియర్ చేయండి బటన్ ఫలితాన్ని తొలగిస్తుంది. “అధునాతన ఎంపికలు” లోని వాటితో సహా మీ సెట్టింగ్‌లు తదుపరి సందర్శన కోసం గుర్తు పెట్టుకోబడతాయి.
సమాన అవకాశం ఉన్న రంగులు సమంగా పరచబడినట్లు కనిపించవు, మరియు ఏమి ఆశించాలో తెలుసుకోవడం తప్పుడు కారణంతో “సృష్టించు” నొక్కడాన్ని ఆపుతుంది. మొత్తం పరిధిలో కొలిస్తే, దాదాపు 35% రంగులు ప్రకాశవంతంగా మరియు సంతృప్తమైనవి, కనీసం 70% HSL శాచురేషన్ మరియు 35%–65% మధ్య లైట్నెస్ కలిగి ఉంటాయి. 20% కంటే తక్కువ శాచురేషన్ ఉన్న బూడిద రంగుకు దగ్గరగా ఉండేవి కేవలం 4% మాత్రమే, చాలా ముదురు రంగులు (20% కంటే తక్కువ లైట్నెస్) మరియు చాలా లేత రంగులు (80% కంటే ఎక్కువ) ఒక్కొక్కటి దాదాపు 3%. కాబట్టి “అన్ని రంగులు” ఎంపిక నుండి పది రంగుల బ్యాచ్ సాధారణంగా అనేక బలమైన రంగులను కలిగి ఉంటుంది, పాస్టెల్ లేదా ముదురు బూడిద రంగు అరుదుగా వస్తాయి. మీకు నిర్దిష్ట రకం కావాలంటే “రంగు రకం” లో ఎంచుకోండి: “ప్రకాశవంతం” ఆ సంతృప్త సమూహాన్ని మాత్రమే ఉంచుతుంది, “పాస్టెల్”, “ముదురు”, “మంద్ర” మరియు “గ్రేస్కేల్” వాటి వర్గాలకు అదే చేస్తాయి. “అనుకూల” ఎంపిక “హ్యూ”, “శాచురేషన్” మరియు “లైట్నెస్” కోసం మీ స్వంత పరిధులను సెట్ చేయడానికి అనుమతిస్తుంది, మరియు హ్యూ పరిధి 0 దాటి నడవగలదు, కాబట్టి 330 నుండి 30 ఎర్రని రంగులు ఇస్తుంది. పేజీ చూపించే HSL కోడ్‌కు వ్యతిరేకంగా పరిధి తనిఖీ చేయబడుతుంది, ఏ కోడ్ బయటికి పడదు, మరియు “ఎంపికల సంఖ్య” విలువ కోసం చాలా తక్కువ రంగులు ఉంటే రంగులు పునరావృత్తి చేయడానికి బదులు పరిధిని విస్తరించమని పేజీ అడుగుతుంది. లేకపోతే పునరావృత్తులు సాధ్యమే కానీ అరుదు: వాటిని పూర్తిగా నిరోధించడానికి “పునరావృత్తిని నివారించండి” ఎంచుకోండి; లేకుండా పూర్తి పరిధి నుండి 50 రంగులలో రెండు ఒకేలా వచ్చే అవకాశం దాదాపు 13,700 లో 1.
యాదృచ్ఛిక రంగు తరచుగా నేపథ్యంగా కావాలంటుంది, ఇది రంగు నమూనా కంటికి సమాధానం ఇవ్వలేని ఒక ప్రశ్నను లేవనెత్తుతుంది: అందుపై టెక్స్ట్ చదవగలిగేదా? వెబ్ ప్రాప్యత గైడ్లైన్ WCAG సాధారణ టెక్స్ట్కు కనీసం 4.5:1 కాంట్రాస్ట్ నిష్పత్తి కోరుతుంది. ఈ పేజీ రూపొందించగల ప్రతి రంగులో కొలిస్తే, నల్ల టెక్స్ట్ దాదాపు 65% రంగులపై మరియు తెల్ల టెక్స్ట్ దాదాపు 36% రంగులపై ఆ కొలతను చేరుతుంది, మరియు రెండూ విఫలమయ్యే రంగు లేదు: రెండింటిలో ఉత్తమ ఒకటి ఎల్లప్పుడూ కనీసం 4.58:1 చేరుతుంది. కాబట్టి ఏ యాదృచ్ఛిక నేపథ్యానికైనా, నల్ల లేదా తెల్ల టెక్స్ట్ చదవగలిగేలా ఉంటుంది, పేజీ ఏది అనేది చూపిస్తుంది. ప్రతి రంగు రెండింటిలో ఉత్తమంలో Aa గా రాయబడిన ఒక చిన్న బ్యాడ్జ్తో, దాని కాంట్రాస్ట్ నిష్పత్తి తర్వాత చూపబడుతుంది. నిష్పత్తి కిందికి రౌండ్ చేయబడుతుంది కాబట్టి ఇది రంగును ఎప్పుడూ అతిగా చూపించదు, కలర్ పికర్‌లో రంగు మారినప్పుడు అది నవీకరించబడుతుంది. బ్యాడ్జ్ నల్ల మరియు తెల్ల టెక్స్ట్ మాత్రమే పోల్చుతుంది; ఒక బ్రాండ్ రంగు లేదా మరేదైనా టెక్స్ట్ రంగు కోసం, కాంట్రాస్ట్ చెకర్ ద్వారా ఆ జోడీని తనిఖీ చేయండి.
యాదృచ్ఛికం అంటే సామరస్యం కాదు. ఒక బ్యాచ్లో ప్రతి రంగు తనకు స్వతంత్రంగా, ఇతరుల గురించి తెలియకుండా తీసుకోబడుతుంది, కాబట్టి ఈ జనరేటర్ ఒక డిజైనర్ అర్థంలో పాలెట్‌ను ఎప్పుడూ నిర్మించదు — కాంప్లిమెంటరీ జంటలు లేవు, అనలాగస్ సీక్వెన్స్‌లు లేవు, పంచుకున్న లైట్నెస్ లేదు. ఇరుకైన పరిధి బ్యాచ్ స్వభావాన్ని మారుస్తుంది, ఆ నియమాన్ని కాదు: పాస్టెల్స్ లేదా నీలి రంగుల వరుస ఒక్కొక్కటిగా వస్తాయి, మధ్యలో ఏ బంధమూ లేకుండా. అదే ఈ టూల్ అర్థం: మీరు ఎంచుకోకపోయే రంగు ఇది మీకు ఇస్తుంది, ఇది అలవాటు లేదా సృజనాత్మక అడ్డంకిని తొలగిస్తుంది. యాదృచ్ఛిక కనుగొన్నదాన్ని ఉపయోగకరంగా మార్చడానికి, మీకు నచ్చిన రంగు ఉంచి మిగతా రంగులను దాని నుండి తీసుకోండి, మొత్తం సెట్ యాదృచ్ఛికంగా సరిపోయే వరకు “సృష్టించు” నొక్కకుండా. దాని హ్యూ పట్టుకుని లైట్నెస్ మార్చి లేత మరియు ముదురు వేరియంట్‌లు పొందండి, లేదా వ్యతిరేక రంగు కోసం హ్యూను 180 డిగ్రీలు తిప్పండి. “HSL కోడ్” ఫార్మాట్ ఆ కదలికలను అంచనాలు కాకుండా అంకగణితంగా చేస్తుంది.
ఈ యాదృచ్ఛిక రంగు జనరేటర్‌ని ఎందుకు ఎంచుకోవాలి?
- ప్రతి రంగు Web Crypto API తో మీ బ్రౌజర్లో రూపొందించబడుతుంది, ఏమీ అప్లోడ్ అవదు
- అన్ని 16,777,216 రంగులు సరిగ్గా సమాన అవకాశం కలిగి ఉంటాయి, ఒక్కో ఛానెల్కు ఒక యాదృచ్ఛిక బైట్
- ఒకే రంగుకు HEX, RGB మరియు HSL కోడ్‌లు, ఏ కలయికలోనైనా
- ఒకేసారి 50 రంగులు వరకు, ప్రతి ఒక్కటి టెక్స్ట్-కాంట్రాస్ట్ బ్యాడ్జ్తో రంగు నమూనాపై
- ప్రకాశవంతం, పాస్టెల్, ముదురు, మంద్ర మరియు గ్రేస్కేల్, లేదా మీ స్వంత హ్యూ, శాచురేషన్ మరియు లైట్నెస్ పరిధి
- అవసరమైనప్పుడు పునరావృత్తిని నివారించండి, మరియు HEX పెద్ద అక్షరాలలో లేదా # లేకుండా
- కోడ్ కాపీ చేయడానికి క్లిక్ చేయండి, లేదా మీ బ్రౌజర్ కలర్ పికర్‌లో ఏ రంగైనా మార్చండి
- అన్నీ కాపీ చేయండి, ఫైల్కు సేవ్ చేయండి మరియు మీ బ్రౌజర్లో ఉంచిన చివరి 10 బ్యాచ్‌ల చరిత్ర
- ఉచితం మరియు అపరిమితం: సైన్-అప్ అవసరం లేదు, కోటా లేదు, మా సర్వర్‌లలో ఏమీ నిల్వ చేయబడదు
ఎవరైనా రంగు గురించి నిర్ణయించుకోవడానికి ముందే రంగు కావాల్సిన చోట యాదృచ్ఛిక రంగులు పని చేస్తాయి. డిజైనర్లు సృజనాత్మక అడ్డంకిని తొలగించడానికి మరియు వారి అలవాటు పాలెట్ ఎప్పుడూ చేరని ప్రారంభ స్థానాన్ని కనుగొనడానికి వాటిని ఉపయోగిస్తారు. డెవలపర్లు మాక్-అప్‌లు, ప్లేస్‌హోల్డర్లు మరియు అవతార్లను నింపుతారు, అసలు థీమ్ ఇంకా నిర్ణయించబడకముందే చార్ట్‌లో ప్రతి సిరీస్‌కు దాని స్వంత రంగు ఇస్తారు, మరియు ఇంటర్‌ఫేస్ అది రూపొందించబడని నేపథ్యాలతో ఎలా తట్టుకుంటుందో పరీక్షిస్తారు — “అన్ని రంగులు” ఎంపిక నుండి 50 రంగుల బ్యాచ్ దాదాపు ఎల్లప్పుడూ కనీసం ఒక చాలా చీకటి లేదా చాలా వెలుపలి రంగును కలిగి ఉంటుంది, ముదురు లేదా పాస్టెల్ పరీక్షను ఒక నిర్దిష్ట చివరికి నిర్దేశిస్తాయి. జనరేటివ్ కళాకారులు మరియు గేమ్ ప్రోటోటైపర్లు విలువలను నేరుగా కోడ్లో ఫీడ్ చేస్తారు, అక్కడ RGB ఫార్మాట్ చాలా గ్రాఫిక్స్ లైబ్రరీలలో నేరుగా సరిపోతుంది. టీచర్లు ఒక రంగును కోడ్‌గా, మూడు ఛానెల్‌లుగా లేదా కలర్ వీల్‌పై స్థానంగా రాయవచ్చని, మరియు HSL వెర్షన్ ఎందుకు రౌండ్ చేయబడిందో చూపించడానికి మూడు ఫార్మాట్‌లను పక్కపక్కన ఉంచుతారు. లేబుల్ వేయడం, ట్యాగ్ చేయడం లేదా జాబితాకు రంగు-కోడ్ చేయడం చేసే ఎవరైనా ఏది ఎంచుకోవాలో ఆందోళన లేకుండా విభిన్న రంగులు పొందుతారు.
తెలుసుకోవలసిన కొన్ని నిజాయితైన పరిమితులు ఉన్నాయి. ఇది ఒక జనరేటర్, పాలెట్ టూల్ కాదు: ఇది రంగు హార్మొనీలను నిర్మించదు మరియు ఇతర రంగులు మారేటప్పుడు ఒక రంగును లాక్ చేయదు, మరియు ఇరుకైన పరిధి ఒక రకం రంగులు ఇస్తుంది, కలిసి నచ్చే రంగులను కాదు. కాంట్రాస్ట్ బ్యాడ్జ్ నల్ల మరియు తెల్ల టెక్స్ట్ మాత్రమే పోల్చుతుంది. పేజీ స్క్రీన్ చూపించే sRGB రంగులలో — HEX, RGB మరియు HSL — పనిచేస్తుంది, పారదర్శకత లేకుండా మరియు CMYK, Pantone, OKLCH లేదా పేరు పెట్టిన CSS రంగులు లేకుండా; ముద్రణ కోసం స్క్రీన్ కోడ్పై నమ్మకం కాకుండా మీ ప్రింట్ వర్క్ఫ్లోలో రంగు సరిపోల్చండి. స్క్రీన్‌లు ఒకేలా కాలిబ్రేట్ కాకపోవడంతో ఒకే కోడ్ ఒక స్క్రీన్ నుండి మరొకదానికి కొంచెం భిన్నంగా కనిపించవచ్చు. HSL విలువలు పైన వివరించినట్లు రౌండ్ చేయబడతాయి, మరియు “పునరావృత్తిని నివారించండి” ఎంచుకోకపోతే, బ్యాచ్ పునరావృత్తుల కోసం తనిఖీ చేయబడదు. పేజీ హామీ ఇచ్చేది ఇరుకైనది మరియు ఖచ్చితమైనది: దాని 16,777,216 రంగులలో ప్రతి ఒక్కటి, లేదా మీరు సెట్ చేసిన పరిధిలోని ప్రతి రంగు, ప్రతి ప్రెస్‌లో సమాన అవకాశం కలిగి ఉంటుంది, మీ బ్రౌజర్ క్రిప్టోగ్రాఫిక్ మూలం నుండి తీసుకోబడి ఎక్కడికీ పంపబడదు.