CSS
ఫ్రంట్ఎండ్ పని
DevTools తెరవకుండానే లైవ్ సైట్ నుంచి CSS, SCSS లేదా Tailwind కాన్ఫిగరేషన్ కోసం ఖచ్చితమైన విలువలు తీసుకోండి.
Chrome కోసం ఉచిత కలర్ పికర్
సింపుల్ కలర్ పికర్ అనేది Chrome కోసం ఉచిత ఐడ్రాపర్. దాని బటన్ లేదా Alt+P నొక్కండి. మాగ్నిఫయర్ ద్వారా ఏ పిక్సెల్కైనా గురిపెట్టి క్లిక్ చేయండి. HEX, RGB లేదా HSL కోడ్ అప్పటికే మీ క్లిప్బోర్డ్లో ఉంటుంది. మీ చివరి 50 రంగులు పాపప్లో ఉంటాయి.
Chrome Web Store లో 453 వినియోగదారులు
Edge, Brave, Opera, ఇతర Chromium బ్రౌజర్లలోనూ పనిచేస్తుంది.

టూల్బార్ చిహ్నాన్ని క్లిక్ చేసి రంగును ఎంచుకోండి బటన్ నొక్కండి. లేదా ఏ పేజీలోనైనా Alt+P నొక్కండి.
చతురస్రాకార మాగ్నిఫయర్ కర్సర్ చుట్టూ ఉన్న భాగాన్ని పెద్దదిగా చేసి ఖచ్చితమైన పిక్సెల్కు చట్రం వేస్తుంది. దాని కింద ఉన్న రంగు నమూనా HEX, RGB, HSL ను వెంటనే చూపిస్తుంది.
కోడ్ మీ డిఫాల్ట్ ఫార్మాట్లో కాపీ అవుతుంది. చిన్న సందేశం దాన్ని నిర్ధారిస్తుంది. CSS, Figma లేదా సందేశంలో పేస్ట్ చేయండి.
CSS
DevTools తెరవకుండానే లైవ్ సైట్ నుంచి CSS, SCSS లేదా Tailwind కాన్ఫిగరేషన్ కోసం ఖచ్చితమైన విలువలు తీసుకోండి.
HEX
ఇంటర్ఫేస్, డిజైన్ నమూనా లేదా సూచన చిత్రం నుంచి రంగుల పాలెట్ తీసుకోండి. పేజీ సరైన బ్రాండ్ రంగును వాడుతోందో తనిఖీ చేయండి.
HSL
వెలుతురు, సంతృప్తతను చేతితో సర్దడానికి HSL తీసుకోండి. సంఖ్యలు అవసరమయ్యే కోడ్ కోసం RGB తీసుకోండి.
మాగ్నిఫయర్ కర్సర్ చుట్టూ ఉన్న 11 × 11 పిక్సెల్లను పెద్దదిగా చూపిస్తుంది. గురి గుర్తు మీరు తీసుకునే పిక్సెల్కు చట్రం వేస్తుంది. ఒక పిక్సెల్ అంచును లేదా గ్రేడియెంట్లో ఒకే ఛాయను ఎంచుకోండి.
HEX ఉదాహరణ #2A6FDB, RGB ఉదాహరణ rgb(42, 111, 219), HSL ఉదాహరణ hsl(217, 71%, 51%). పాపప్లో ఒక్కసారి డిఫాల్ట్ను ఎంచుకోండి.
ఎంచుకున్న ప్రతి రంగు చివరి 50 రంగుల గ్రిడ్లో మొదటికి వస్తుంది. నకిలీలు ఉండవు. మూడు కోడ్లను చూసి కాపీ చేయడానికి రంగు నమూనాను క్లిక్ చేయండి.
పాపప్ తెరవకుండానే రంగు ఎంపిక ప్రారంభించండి. వేరే కీ కావాలంటే, పాపప్లోని కీ బటన్ Chrome షార్ట్కట్ సెట్టింగ్లను తెరుస్తుంది.
అంతా మీ బ్రౌజర్లోనే జరుగుతుంది. ఖాతా, విశ్లేషణలు, టెలిమెట్రీ లేవు.
పాపప్, మాగ్నిఫయర్ మీ సిస్టమ్ థీమ్ను అనుసరిస్తాయి. వాటి తటస్థ బూడిద ఛాయలు మీరు పరిశీలించే రంగుల రూపాన్ని మార్చవు.
Chrome సొంత ఐడ్రాపర్ DevTools లో ఉంటుంది. స్టైల్స్ ప్యానెల్ తెరిచి, రంగు ప్రాపర్టీని కనుగొని, దాని రంగు నమూనాను, తర్వాత ఐడ్రాపర్ను క్లిక్ చేయండి. అది పనిచేస్తుంది, కానీ చేరుకోవడానికి పలు దశలు అవసరం. ఎంచుకున్న విలువ క్లిప్బోర్డ్లోకి వెళ్లకుండా పేజీ CSS ప్రాపర్టీని మారుస్తుంది.
సింపుల్ కలర్ పికర్ ద్వారా ఒక క్లిక్ లేదా ఒక షార్ట్కట్తో ఐడ్రాపర్ను చేరుకోవచ్చు. ప్రారంభించినప్పుడు ట్యాబ్లో కనిపించే భాగాన్ని స్నాప్షాట్ తీసి, దానిపై చతురస్రాకార మాగ్నిఫయర్ తెరుస్తుంది. సగటు రంగుకు బదులు ఖచ్చితమైన పిక్సెల్ కనిపిస్తుంది. ఒక క్లిక్ కోడ్ను కాపీ చేస్తుంది. పాపప్ దాన్ని చివరి 50 రంగులతో పాటు మూడు ఫార్మాట్లలో ఉంచుతుంది.
ప్రారంభించే ముందు పేజీలో కావలసిన భాగానికి స్క్రోల్ చేయండి. మాగ్నిఫయర్ ఆ స్నాప్షాట్ నుంచే చదువుతుంది. కొత్త ట్యాబ్, సెట్టింగ్లు, Chrome Web Store వంటి బ్రౌజర్ పేజీలకు ఏ ఎక్స్టెన్షన్కూ ప్రవేశం లేదు.
ఎక్స్టెన్షన్ ఎప్పుడూ సర్వర్తో మాట్లాడదు. విశ్లేషణలు, టెలిమెట్రీ లేవు.
మీ చరిత్ర, డిఫాల్ట్ ఫార్మాట్ ఎక్స్టెన్షన్ స్థానిక నిల్వలోనే ఉంటాయి.
స్నాప్షాట్ కోసం రంగు ఎంపిక ప్రారంభించినప్పుడు మాత్రమే యాక్టివ్ ట్యాబ్ ప్రవేశం; మాగ్నిఫయర్ చూపడానికి స్క్రిప్ట్ అమలు; చరిత్ర, ఫార్మాట్ కోసం నిల్వ; కోడ్ కాపీ చేయడానికి క్లిప్బోర్డ్లో రాయడం.
| DevTools ఐడ్రాపర్, సింపుల్ కలర్ పికర్ పోలిక | DevTools ఐడ్రాపర్ | సింపుల్ కలర్ పికర్ |
|---|---|---|
| ప్రారంభించడం ఎలా | DevTools తెరిచి, స్టైల్స్లో రంగును కనుగొని, దాని నమూనాను, తర్వాత ఐడ్రాపర్ను క్లిక్ చేయండి | టూల్బార్ బటన్ లేదా Alt+P |
| ఫలితం వెళ్లే చోటు | మీరు తెరిచిన CSS ప్రాపర్టీకి; మీరే కాపీ చేసుకోవాలి | క్లిక్ చేయగానే మీ క్లిప్బోర్డ్కు |
| రంగు ఫార్మాట్లు | HEX, RGB, HSL, ఇంకా ఇతరాలు | HEX, RGB మరియు HSL |
| గతంలో ఎంచుకున్న రంగులు | నిల్వ ఉండవు | చివరి 50, మళ్లీ కాపీ చేయడానికి సిద్ధం |
| ధర | Chrome లోనే ఉంది | ఉచితం |
సింపుల్ కలర్ పికర్ ఇన్స్టాల్ చేసి, పేజీలో Alt+P నొక్కి, మాగ్నిఫయర్ను రంగుకు గురిపెట్టి క్లిక్ చేయండి. HEX కోడ్ లేదా మీరు కోరుకున్న RGB లేదా HSL మీ క్లిప్బోర్డ్కు కాపీ అవుతుంది.
అదే పద్ధతి: పికర్ ప్రారంభించి చిత్రంలో కావలసిన పిక్సెల్ను క్లిక్ చేయండి. మాగ్నిఫయర్ పెద్దదిగా చూపిస్తుంది కాబట్టి ఒకే ఖచ్చితమైన పిక్సెల్ను తీసుకోవచ్చు.
అవును. పాపప్లో డిఫాల్ట్ ఫార్మాట్ ఎంచుకోండి: HEX, RGB లేదా HSL. చరిత్రలోని ప్రతి రంగుకూ మూడు కోడ్లను పాపప్ చూపిస్తుంది. ప్రతి దానికీ ప్రత్యేక కాపీ బటన్ ఉంటుంది.
పాపప్ తెరవండి. మీ చివరి 50 రంగులు నమూనాలుగా, కొత్తవి ముందుగా కనిపిస్తాయి. కోడ్లను చూసి కాపీ చేయడానికి ఒకదాన్ని క్లిక్ చేయండి, లేదా చరిత్రను తొలగించండి.
పాపప్లోని షార్ట్కట్ కీ బటన్ను క్లిక్ చేయండి. అది Chrome కీబోర్డ్ షార్ట్కట్ల పేజీని తెరుస్తుంది. అక్కడ వేరే కీని సెట్ చేయవచ్చు.
కొత్త ట్యాబ్, సెట్టింగ్లు, Chrome Web Store వంటి సొంత పేజీలకు Chrome ఏ ఎక్స్టెన్షన్నూ అనుమతించదు. పికర్ ట్యాబ్లో కనిపించే భాగాన్ని మాత్రమే చదువుతుంది. ముందుగా రంగు ఉన్న చోటుకు స్క్రోల్ చేయండి.
లేదు. ప్రస్తుత బ్రౌజర్ ట్యాబ్ నుంచి మాత్రమే రంగులను ఎంచుకుంటుంది. CMYK లేదా Pantone కు మార్చదు, కాంట్రాస్ట్ను తనిఖీ చేయదు.
ఇది ఉచితం. నెట్వర్క్ అభ్యర్థనలు చేయదు. మీ చరిత్ర, డిఫాల్ట్ ఫార్మాట్ మీ పరికరంలోనే ఉంటాయి.