హెక్స్ కలర్ కోడ్ను ఇమేజ్ నుండి సంగ్రహించడం: ఈ పేజీ ఎలా పనిచేస్తుంది
ఈ పేజీ మీ పరికరం నుండి ఒక ఇమేజ్ను ఎంచుకోవడానికి, దానిపై హోవర్ చేయడానికి లేదా క్లిక్ చేసి ఏదైనా పిక్సెల్ను ఎంచుకోవడానికి వీలు కల్పిస్తుంది. వెంటనే ఆ పిక్సెల్ యొక్క రంగు హెక్స్ కోడ్గా (RGB మరియు HSL విలువలతో పాటు) చూపబడుతుంది, తద్వారా మీరు దాన్ని CSS, డిజైన్ సాఫ్ట్వేర్ లేదా ఏ ప్రాజెక్ట్లోనైనా కాపీ చేసుకోవచ్చు. మాగ్నిఫైడ్ వ్యూ మీకు ఖచ్చితమైన పిక్సెల్ను గుర్తించడంలో సహాయపడుతుంది, మరియు మీరు బహుళ రంగులను హిస్టరీలో సేవ్ చేసుకోవచ్చు.
ఈ పేజీ ప్రత్యేకత ఏమిటి?
ఈ పేజీలో ప్రాథమిక అవుట్పుట్ ఆరు అంకెల హెక్స్ కలర్ కోడ్ (ఉదా. #1E90FF) — ఇది CSS మరియు డిజైన్ టూల్స్లో ప్రామాణికమైన RGB నోటేషన్. సహోదరి పేజీలు RGB ఫంక్షనల్ నోటేషన్ లేదా HSLపై దృష్టి పెడితే, ఈ పేజీ మీకు హెక్స్ ప్రాతినిధ్యాన్ని ఇస్తుంది. ఇందులో ఆరు అంకెల హెక్స్ రూపంలో ఎటువంటి ఆల్ఫా ఛానల్ ఉండదు; ఏదైనా పారదర్శకత ప్రత్యేకంగా “Alpha ‹n›% — this pixel is partly transparent.” అనే శాతంగా నివేదించబడుతుంది.
హెక్స్ కాంపాక్ట్, వెబ్-నేటివ్ ఫార్మాట్ కావడం వలన, ఈ పేజీ మీకు color, background-color లేదా ఏదైనా CSS ప్రాపర్టీలో అదనపు బ్రాకెట్లు లేకుండా నేరుగా ఉపయోగించగలిగే రంగు విలువ అవసరమైతే గో-టూ ఎంపిక. ఉదాహరణకు, #3498db అనేది RGB (52,152,219) లేదా hsl(210,70%,53%) కంటే చాలా సంక్షిప్తంగా ఉంటుంది — ప్రత్యేకించి CSS క్లాస్లలో లేదా డిజైన్ టోకెన్లలో ఉపయోగించడానికి.
ఇన్పుట్లు మరియు అవుట్పుట్లు
మద్దతు ఇచ్చే ఫైల్ ఫార్మాట్లు
మీరు కింది ఫార్మాట్లలో ఒకే ఇమేజ్ ఫైల్ను అప్లోడ్ చేయవచ్చు:
| ఫార్మాట్ | MIME రకం |
|---|---|
| PNG | image/png |
| JPG | image/jpeg |
| WebP | image/webp |
| GIF | image/gif |
| AVIF | image/avif |
| HEIC / HEIF | image/heic, image/heif |
అవుట్పుట్ వివరాలు
ఇమేజ్ లోడ్ అయిన తర్వాత, ఈ కింది సమాచారం ప్రదర్శించబడుతుంది:
- “Image ready — move over it to sample, click to save a color.”
- ఇమేజ్ కొలతలు (వెడల్పు × ఎత్తు)
- ప్రస్తుతం నమూనా చేసిన పిక్సెల్ యొక్క కోఆర్డినేట్లు (x, y)
- HEX:
#RRGGBBఆకృతిలో హెక్సాడెసిమల్ కలర్ కోడ్ (ఉదా.#1E90FF) - RGB: ఎరుపు, ఆకుపచ్చ, నీలం విలువలు (0–255)
- HSL: హ్యూ (0–360°), సాచురేషన్ (0–100%), లైట్నెస్ (0–100%)
- పిక్సెల్ అర్ధ-పారదర్శకంగా ఉంటే: “Alpha ‹n›% — this pixel is partly transparent.”
- మీరు క్లిక్ చేసినప్పుడు: “Saved ‹hex› to your picks.”
- చరిత్రలో సేవ్ చేసిన రంగులు (గరిష్టంగా 12)
- ఏదైనా కలర్ విలువ (HEX, RGB, HSL) పై క్లిక్ చేస్తే అది క్లిప్బోర్డ్కు కాపీ అవుతుంది.
ముఖ్యమైన వివరాలు
- ఇమేజ్ లోడ్ అయిన వెంటనే, కేంద్ర పిక్సెల్ యొక్క రంగు విలువలు మరియు కోఆర్డినేట్లు ప్రదర్శించబడతాయి — మీరు మౌస్ కదపకుండానే ప్రారంభ నమూనాను పొందుతారు.
- మౌస్ పాయింటర్ను ఇమేజ్ పైన కదిలించడం వలన పిక్సెల్ బై పిక్సెల్ రంగులు నమూనా చేయబడతాయి.
- క్లిక్ చేయడం వలన ప్రస్తుత నమూనా చేయబడిన రంగు “your picks” లో సేవ్ అవుతుంది.
రంగు నమూనా విధానం
క్రాస్హైర్ మరియు మాగ్నిఫైయర్
మీరు ఇమేజ్ పైన క్రాస్హైర్ను కీబోర్డ్ బాణం కీలతో కూడా కదిలించవచ్చు. Shift నొక్కి పట్టుకుని బాణం కీలను నొక్కితే, క్రాస్హైర్ 10 పిక్సెళ్ళు కదులుతుంది. ఇది చిన్న ఇమేజ్లలో లేదా ఖచ్చితమైన ఎంపిక అవసరమైనప్పుడు చాలా ఉపయోగకరంగా ఉంటుంది.
Enter లేదా Space కీలను నొక్కడం వలన ప్రస్తుత నమూనా చేసిన రంగు సేవ్ అవుతుంది — ఇది మౌస్ క్లిక్ చేయడానికి సమానం. ఈ కీబోర్డ్ నావిగేషన్ ఫీచర్ మౌస్ లేకుండా లేదా ఖచ్చితమైన పిక్సెల్ ఎంపిక కోసం రూపొందించబడింది.
మాగ్నిఫైడ్ వ్యూ మీకు ప్రస్తుత పిక్సెల్ మరియు దాని చుట్టుపక్కల పిక్సెళ్ళను విస్తరించి చూపిస్తుంది, తద్వారా మీరు యాంటీ-అలియాసింగ్ లేదా కంప్రెషన్ ప్రభావాలను గమనించవచ్చు.
కలర్ విలువల కాపీ
కనిపించే ఏదైనా కలర్ విలువ (HEX, RGB, లేదా HSL) పై క్లిక్ చేస్తే అది క్లిప్బోర్డ్కు కాపీ అవుతుంది. ఇది మీకు అవసరమైన ఫార్మాట్లో వెంటనే విలువను పొందడానికి సహాయపడుతుంది. బ్రౌజర్ క్లిప్బోర్డ్ యాక్సెస్ను బ్లాక్ చేస్తే, “Could not copy — your browser blocked clipboard access.” అనే సందేశం ప్రదర్శించబడుతుంది. దయచేసి మీ బ్రౌజర్ సెట్టింగ్లను తనిఖీ చేయండి.
అల్ఫా ఛానల్ మరియు పారదర్శకత
హెక్స్ ఆరు అంకెల రూపంలో ఆల్ఫా ఛానల్ ఉండదు. ఉదాహరణకు, #RRGGBB మాత్రమే చూపబడుతుంది, #RRGGBBAA కాదు. అందువలన, ఒక పిక్సెల్ పాక్షికంగా పారదర్శకంగా ఉంటే, దాని ఆల్ఫా విలువ ప్రత్యేకంగా “Alpha ‹n›% — this pixel is partly transparent.” అని చూపబడుతుంది. ఇక్కడ n అనేది 1 నుండి 99 వరకు శాతం (పూర్తిగా పారదర్శకంగా ఉన్న పిక్సెల్ 0% చూపబడదు; పూర్తిగా అపారదర్శకంగా ఉన్నది 100% — ఇది డిఫాల్ట్గా ఉంటుంది మరియు సందేశం చూపబడదు).
ముఖ్యాంశం: ఈ టూల్ ఇమేజ్లో నిల్వ చేయబడిన ఖచ్చితమైన పిక్సెల్ విలువను చదువుతుంది. ఒక పారదర్శక పిక్సెల్ యొక్క రంగు దాని వెనుక ఏదైనా నేపథ్యం లేకుండా దాని స్వంత విలువగా పరిగణించబడుతుంది. ఉదాహరణకు, ఒక PNG ఇమేజ్లో అర్ధ-పారదర్శక నీలం పిక్సెల్ ఉంటే, దాని RGB విలువ (R, G, B) తగ్గి ఉండవచ్చు, కానీ అది మాత్రమే చూపబడుతుంది.
చరిత్ర మరియు క్లిప్బోర్డ్ నిర్వహణ
రంగుల చరిత్ర
మీరు క్లిక్ చేసినప్పుడు ప్రతి రంగు చరిత్రలో సేవ్ అవుతుంది. గరిష్టంగా 12 రంగులను మాత్రమే నిల్వ చేయవచ్చు. చరిత్రలోని ఒక స్వాచ్ పై క్లిక్ చేస్తే, ఆ రంగు మళ్ళీ ప్రధాన ప్రదర్శనలో లోడ్ అవుతుంది — మీరు దాని వివరాలను మళ్ళీ చూడవచ్చు లేదా కాపీ చేసుకోవచ్చు.
ముఖ్యమైన నియమం: ఒకే RGB విలువలు కలిగిన కానీ వేర్వేరు ఆల్ఫా విలువలు కలిగిన రంగులు వేర్వేరు ఎంట్రీలుగా సేవ్ అవుతాయి. ఉదాహరణకు, (255, 0, 0, 0.5) మరియు (255, 0, 0, 1.0) అనే రెండు రంగులు చరిత్రలో వేర్వేరు అంశాలుగా కనిపిస్తాయి, ఎందుకంటే అవి వేర్వేరు ఆల్ఫా విలువలను కలిగి ఉన్నాయి.
“Start over” బటన్
“Start over” బటన్ నొక్కడం వలన:
- ఇమేజ్ తొలగించబడుతుంది
- రంగు చరిత్ర ఖాళీ చేయబడుతుంది
- టూల్ దాని ప్రారంభ స్థితికి రీసెట్ అవుతుంది
ఎడ్జ్ కేసులు మరియు పరిమితులు
ఫైల్ రకం మద్దతు లేదు
మీరు మద్దతు లేని ఫైల్ రకాన్ని డ్రాప్ చేస్తే, ఈ సందేశం కనిపిస్తుంది:
“That file type is not supported. Try a PNG, JPG, WebP, GIF, AVIF or HEIC image.”
ఇమేజ్ తెరవబడలేదు
ఒక ఇమేజ్ తెరవబడకపోతే (అది పాడై ఉండవచ్చు లేదా మద్దతు లేని ఫార్మాట్లో ఉండవచ్చు):
“That image could not be opened. It may be corrupted or in an unsupported format.”
పిక్సెల్ విలువలపై కంప్రెషన్ ప్రభావం
JPEG లేదా స్క్రీన్షాట్ ఇమేజ్లలో కంప్రెషన్ మరియు యాంటీ-అలియాసింగ్ వలన ఒకే ఫ్లాట్ ఏరియాలో కూడా పిక్సెల్ విలువలు కొద్దిగా మారవచ్చు. ఈ టూల్ ఇమేజ్లో నిల్వ చేయబడిన ఖచ్చితమైన విలువను చూపిస్తుంది — అది మీకు ఊహించిన దానికంటే భిన్నంగా ఉండవచ్చు. ఉదాహరణకు, ఒక స్క్రీన్షాట్లో తెలుపు బ్యాక్గ్రౌండ్ (#FFFFFF)గా కనిపించే ప్రాంతం వాస్తవానికి #FEFEFE లేదా #FDFDFF కావచ్చు. ఖచ్చితమైన సంగ్రహణకు మాగ్నిఫైడ్ వ్యూ ఉపయోగపడుతుంది.
ఇమేజ్ సైజ్ పరిమితి
ఇమేజ్ యొక్క పొడవైన భుజం 4096 పిక్సెళ్ళ కంటే ఎక్కువ ఉంటే, అది స్వయంచాలకంగా స్కేల్ డౌన్ చేయబడుతుంది. ఇది పెద్ద ఇమేజ్లను ప్రాసెస్ చేయడంలో బ్రౌజర్ మెమరీ ఓవర్లోడ్ను నివారించడానికి. స్కేల్ డౌన్ తర్వాత పిక్సెల్ విలువలు సర్దుబాటు చేయబడతాయి కాబట్టి, అసలు సాంపులింగ్ కోసం అసలు ఇమేజ్ను ఉపయోగించడం ఎల్లప్పుడూ మంచిది.
తరచుగా అడిగే ప్రశ్నలు (FAQ)
ప్ర: నేను ఒక పిక్సెల్ను క్లిక్ చేసినప్పుడు “Saved ‹hex› to your picks” అని మాత్రమే కనిపిస్తుంది — నేను అన్ని సేవ్ చేసిన రంగులను ఎక్కడ చూడగలను?
సేవ్ చేసిన రంగులు ఇమేజ్ కింద లేదా పక్కన ఉన్న చరిత్ర విభాగంలో కనిపిస్తాయి. ఒక్కో రంగు ఒక చిన్న స్వాచ్గా మరియు దాని HEX కోడ్గా ప్రదర్శించబడుతుంది. గరిష్టంగా 12 రంగులు మాత్రమే నిల్వ చేయబడతాయి.
ప్ర: నేను కీబోర్డ్ ద్వారా పిక్సెళ్ళను ఎలా ఎంచుకోవచ్చు?
మీరు బాణం కీలను వాడి క్రాస్హైర్ను ఒక్కొక్క పిక్సెల్ కదిలించవచ్చు. Shift నొక్కి పట్టుకుని బాణం కీలను నొక్కితే 10 పిక్సెళ్ళు కదులుతుంది. Enter లేదా Space నొక్కితే ప్రస్తుత పిక్సెల్ సేవ్ అవుతుంది.
ప్ర: ఆల్ఫా ఛానల్ ఉన్న PNG ఇమేజ్లతో ఈ టూల్ ఎలా పనిచేస్తుంది?
పూర్తిగా పారదర్శక (alpha 0%) పిక్సెళ్ళు టూల్లో నిర్దిష్ట రంగుగా కనిపించకపోవచ్చు. అర్ధ-పారదర్శక పిక్సెళ్ళ కోసం, HEX కోడ్ వారి RGB విలువను చూపిస్తుంది, మరియు “Alpha ‹n›%” సందేశం ద్వారా పారదర్శకత శాతం ప్రత్యేకంగా నివేదించబడుతుంది. హెక్స్ ఆరు అంకెల రూపంలో ఆల్ఫా లేనందున ఇది అవసరం.
ప్ర: నేను ఒక రంగును కాపీ చేసినా, అది నా డిజైన్ సాఫ్ట్వేర్లో సరిపోలడం లేదు. ఎందుకు?
ఇమేజ్ కంప్రెషన్ లేదా యాంటీ-అలియాసింగ్ వలన పిక్సెల్ విలువలు తారుమారు అయి ఉండవచ్చు. ముఖ్యంగా JPEG ఇమేజ్లలో ఫ్లాట్ ప్రాంతాలు కూడా స్వల్పంగా మారుతూ ఉంటాయి. మరొక కారణం: మీరు ఎంచుకున్న పిక్సెల్ ఏదో ఒక అంచు లేదా షేడెడ్ ప్రాంతం కావచ్చు. ఖచ్చితమైన ఫలితం కోసం మాగ్నిఫైడ్ వ్యూ సహాయంతో సరైన పిక్సెల్ని ఎంచుకోండి.
ప్ర: నేను ఒకే రంగును రెండుసార్లు క్లిక్ చేస్తే, అది చరిత్రలో రెండుసార్లు కనిపిస్తుందా?
అవును, ప్రతి క్లిక్ మీరు ఒక కొత్త ఎంట్రీని జోడిస్తుంది. అయితే, చరిత్ర గరిష్టంగా 12 మాత్రమే ఉంటుంది కాబట్టి, 12వ ఎంట్రీ తర్వాత పాతవి తొలగించబడతాయి. డూప్లికేట్ రంగులు కూడా ప్రత్యేక ఎంట్రీలుగా పరిగణించబడతాయి (ఒకవేళ ఆల్ఫా ఒకేలా ఉంటే మినహాయింపు లేదు).
ప్ర: నేను ఆరు అంకెల హెక్స్ కాకుండా మూడు అంకెల షార్ట్హ్యాండ్ హెక్స్ ఎందుకు చూడలేను?
టూల్ ప్రస్తుతం ఆరు అంకెల #RRGGBB ఆకృతిని మాత్రమే ప్రదర్శిస్తుంది. మూడు అంకెల షార్ట్హ్యాండ్ (ఉదా #FFF) వంటి ఫార్మాట్ను ఇది అందించదు. అయితే, మీరు ఆరు అంకెల హెక్స్ను కాపీ చేసి, CSSలో మీరు స్వయంగా షార్ట్హ్యాండ్గా మార్చుకోవచ్చు. ఉదాహరణకు, #1E90FF ను మూడు అంకెల షార్ట్హ్యాండ్గా మార్చడం సాధ్యం కాదు, ఎందుకంటే ప్రతి జత (RR, GG, BB) 16తో భాగించబడనప్పుడు షార్ట్హ్యాండ్ సరిపోదు.
ఈ టూల్ మీకు ఇమేజ్ నుండి ఖచ్చితమైన హెక్స్ రంగు కోడ్ను సంగ్రహించడానికి సహాయపడుతుంది. మీరు CSS, డిజైన్ ప్రాజెక్ట్లు, బ్రాండింగ్ లేదా ఏదైనా సృజనాత్మక పనిలో ఉపయోగించుకోవడానికి సిద్ధంగా ఉండండి.