किसी चित्र में पिक्सेल का रंग ऑनलाइन निर्धारित करें। मॉनिटर स्क्रीन पर रंग का निर्धारण एक प्रोग्राम जो पिक्सेल रंग में परिवर्तन पर प्रतिक्रिया करता है

के साथ काम करना सीएसएसऔर पेज लेआउट, आपको अक्सर रंगों के साथ काम करना पड़ता है और अक्सर किसी छवि के दिए गए क्षेत्र के लिए रंग/छाया कोड निर्धारित करने की आवश्यकता होती है। इसके लिए एक विशेष कार्यक्रम कहा जाता है ColorMania. इसे इस साइट से डाउनलोड किया जा सकता है http://www.blacksunsoftware.com/colormania.html. लॉन्च के बाद ऐसा दिखता है.

यह प्रोग्राम आपको स्क्रीन पर किसी भी बिंदु पर रंग कोड का पता लगाने की अनुमति देता है: बाईं कुंजी के साथ आईड्रॉपर बटन को दबाकर और, इसे जारी किए बिना, इसे स्क्रीन पर उस स्थान पर ले जाएं जहां आप रंग निर्धारित करना चाहते हैं।

आप रंग प्रदर्शन के प्रकार का चयन कर सकते हैं, उदाहरण के लिए: हेक्साडेसिमल में, जैसे आरजीबीया किसी अन्य रूप में. डिस्प्ले प्रकार बदलने के लिए, ड्रॉप-डाउन सूची पर क्लिक करें और सूची से वह डिस्प्ले प्रकार चुनें जिसकी आपको आवश्यकता है।

रंग चुनने के बाद आप बटन पर क्लिक कर सकते हैं "कॉपी करें", रंग कोड को क्लिपबोर्ड पर कॉपी करें या इसे माउस से चुनें और कीबोर्ड शॉर्टकट का उपयोग करें "ctrl+C".

बटन का उपयोग करके यादृच्छिक रंग का चयन करना संभव है "यादृच्छिक".

आप बटन पर क्लिक करके मानक रंग चयन संवाद बॉक्स भी कॉल कर सकते हैं "संवाद", जो आपको प्राथमिक रंगों में से एक रंग चुनने की अनुमति देगा।

मानक संवाद बॉक्स में, बटन पर क्लिक करके एक विस्तारित रंग चयन संवाद बॉक्स खोलना संभव है "रंग परिभाषित करें"और फिर स्पेक्ट्रम पर, जहां सूचक एक क्रॉसहेयर है, वांछित रंग चुनें और दबाएं "ठीक है".

फिर आपके द्वारा चुना गया रंग और उसका कोड प्रदर्शित होगा।

ड्रॉप-डाउन सूची पर क्लिक करके नाम से रंग का चयन करना भी संभव है "एचटीएमएल रंग".

और आखिरी बात जिसका उल्लेख किया जा सकता है वह यह है कि रंग को अधिक सटीक रूप से निर्धारित करने के लिए, आप आईड्रॉपर के नीचे स्क्रीन क्षेत्र को बड़ा करने के विकल्प का उपयोग कर सकते हैं। ड्रॉप-डाउन सूची पर क्लिक करें और मान बदलें "ज़ूम", अर्थात। वह आवर्धन चुनें जिसके साथ काम करना अधिक सुविधाजनक हो।

इसलिए हमने हेक्साडेसिमल और अन्य एन्कोडिंग प्रणालियों में रंग कोड निर्धारित करने के लिए एक जटिल नहीं, बल्कि बहुत सुविधाजनक कार्यक्रम देखा।

HTMLColors2000 एक विशेष रंग पहचान कार्यक्रम है जो आपके मॉनिटर स्क्रीन पर दिखाई देने वाले किसी भी रंग शेड को पहचानने में आपकी सहायता करेगा। यह प्रोग्राम एक रंग निर्धारित करने के बाद, यह रंग डेटा को दो प्रारूपों में प्रस्तुत करता है: आरजीबी (लाल हरा नीला), और HTML (छह अंकों का कोड)।

यह प्रोग्राम वेब डिज़ाइनरों या उन लोगों के लिए अपरिहार्य होगा जो कंप्यूटर प्रोग्राम बनाना पसंद करते हैं। यह अपूरणीय क्यों है? क्योंकि सही शेड चुनना बहुत मुश्किल है, कभी-कभी असंभव भी। बेशक, अन्य प्रोग्राम भी हैं जो रंग निर्धारित कर सकते हैं, लेकिन कई प्रोग्राम आज़माने के बाद, मैंने इसे चुना।

इस कार्यक्रम के पक्ष में मेरे तर्क इस प्रकार हैं:

1) इसका वजन बहुत कम (केवल 32 केबी) है।

2) किसी इंस्टालेशन की आवश्यकता नहीं.

3) कुछ सिस्टम संसाधनों का उपभोग करता है।

4) और सबसे महत्वपूर्ण बात, उपयोग में बहुत आसान! मेरे लिए व्यक्तिगत रूप से, कार्यक्रम के बारे में सबसे महत्वपूर्ण बात इसकी विश्वसनीयता, गति और सरलता है।

इस प्रोग्राम के साथ काम करना वास्तव में बहुत सरल है:

2) रंगों का चयन करने के पाँच तरीके हैं:

• RGB स्लाइडर्स को घुमाकर रंगों का चयन करें।
• RGB मानों को मैन्युअल रूप से दर्ज करना।
• "रंग नाम" सूची से एक रंग चुनें।
• पहले से चयनित शेड्स में से चयन करें (साइड पैनल, "अधिक" बटन के साथ खुलता है)।
• “स्क्रीन” बटन, इसकी सहायता से आप अपने कंप्यूटर मॉनीटर पर कोई भी रंग निर्धारित कर सकते हैं।

पांचवी विधि सबसे अद्भुत है! मैं आपको उसके बारे में थोड़ा और बताऊंगा।

स्क्रीन बटन पर क्लिक करने के बाद, आपके मॉनिटर के ऊपरी बाएँ कोने में एक छोटी सी विंडो दिखाई देगी, जिसमें अक्षर और संख्याएँ, साथ ही एक छोटी रंगीन पट्टी प्रदर्शित होगी। यदि आप कर्सर घुमाते हैं, तो आप देखेंगे कि अक्षर और संख्याएँ बदलना शुरू हो जाएंगी, और उनके साथ रंग पट्टी भी बदल जाएगी।

यह रंग पट्टी उस रंग को प्रदर्शित करती है जो आपके माउस कर्सर के नीचे है, और अक्षर और संख्याएँ इस रंग के HTML कोड से अधिक कुछ नहीं हैं।

विधि का सार बहुत सरल है:

1) आप "स्क्रीन" बटन दबाएं और कर्सर को उस रंग पर ले जाएं जिसके लिए आप कोड प्राप्त करना चाहते हैं।

2) ऊपरी बाएँ कोने को देखें और सुनिश्चित करें कि आपसे वह रंग नहीं छूटा है जो आप चाहते हैं।

3) जब कर्सर वांछित स्थान पर हो, तो आप बाईं माउस बटन दबाएँ।

4) अब आपको बस प्राप्त कोड को उठाना है। या तो html कोड को कॉपी करें या RGB मान को फिर से लिखें।

रंग निर्धारण कार्यक्रम डाउनलोड करें:

पी.एस.यदि प्रोग्राम आपके कंप्यूटर पर इंस्टॉल नहीं होना चाहता (जो आपके विस्टा या सेवन इंस्टॉल होने पर बहुत संभव है), तो यह फ़ाइल आपकी मदद करेगी।

संभवतः इस तरह की पहली उपयोगिताओं में से एक, लेकिन, फिर भी, यह वेबमास्टरों के बीच अपनी लोकप्रियता नहीं खोती है।
प्रोग्राम चयनित रंग का HTML कोड दिखाता है और, इसके विपरीत, कोड द्वारा रंग इंगित करता है।

मॉनिटर पर रंग निर्धारित करने के लिए, स्क्रीन बटन पर क्लिक करें, पॉइंटर को वांछित बिंदु पर इंगित करें, और इस स्थान पर एक बार क्लिक करें। HTML कोड फ़ील्ड HTML कोड में रंग प्रदर्शित करेगा। बस इस कोड को क्लिपबोर्ड पर कॉपी करना और वांछित स्थान पर पेस्ट करना बाकी है।
लाभ: कार्यक्रम का वजन बहुत कम है और यह बेहद सरल है

रंग चयन कार्यक्रम

इस प्रोग्राम का लाभ यह है कि यह RGB या HSL कोड और निश्चित रूप से HTML में रंग प्रदर्शित करता है।

रंग निर्धारित करने के लिए, आपको "माउस के साथ रंग चुनें" बटन पर क्लिक करना होगा, माउस कर्सर एक आईड्रॉपर का आकार ले लेगा, आपको बस कर्सर को वांछित स्थान पर ले जाना है और उस पर क्लिक करना है। प्रोग्राम Windows XP और उच्चतर संस्करणों के साथ संगत है।
कंप्यूटर पर इंस्टालेशन की आवश्यकता है.

बस रंग बीनने वाला

मुझे लगता है वह मेरी पसंदीदा है. विशेष रूप से, जो चीज़ मुझे बहुत मदद करती है वह यह है कि किसी रंग को कैप्चर करने के बाद, इंटरफ़ेस में उस रंग की परिवर्तनशील टोन और चमक के साथ एक बार दिखाई देता है। वे। मैं माउस को पट्टी पर ले जा सकता हूं और कुछ और समान रंग पकड़ सकता हूं, उदाहरण के लिए, थोड़ा उज्ज्वल, बाद में इष्टतम रंग के चयन के लिए।

• जब आप पहली बार शुरुआत करते हैं तो यह आपको एक भाषा चुनने के लिए कहता है, रूसी मौजूद है।
• जस्ट कलर पिकर के इंटरफ़ेस में एक स्क्रीन मैग्निफायर शामिल है।
• आपको अनेक रंग सहेजने की अनुमति देता है.
• माउस क्लिक से नहीं, बल्कि हॉट कुंजी Alt+X (डिफ़ॉल्ट रूप से) से रीडिंग लेता है, जो आपको रंग को अधिक सटीक रूप से निर्धारित करने की अनुमति देता है
• रंग को परिभाषित करने के बाद, प्रोग्राम स्वचालित रूप से अतिरिक्त रंगों का निर्धारण करेगा जो चयनित रंग के साथ मेल खाएंगे और जिनका उपयोग डिज़ाइन में किया जा सकता है।
• इंस्टॉलेशन की आवश्यकता नहीं है, पृष्ठभूमि में चलता है।

प्रोग्राम Windows XP और उच्चतर संस्करणों के साथ संगत है।

निःशुल्क कार्यक्रम भी ध्यान देने योग्य है कलरपिक 4.1. इसका एकमात्र दोष यह है कि इसे कंप्यूटर पर इंस्टालेशन की आवश्यकता होती है, अर्थात। पृष्ठभूमि में नहीं चल सकता.

लेकिन इसके पर्याप्त से अधिक फायदे हैं। कार्यक्रम पूरी तरह से सरल नहीं है, इसलिए इस साइट पर एक अलग लेख में इसके साथ काम करने का विवरण और निर्देश दिए गए हैं

किसी वेब डिज़ाइनर, डेवलपर या सामान्य कंप्यूटर उपयोगकर्ता ने संभवतः यह प्रश्न एक से अधिक बार पूछा होगा। अक्सर किसी वस्तु पर उपयोग किए गए रंग का चयन करने की आवश्यकता होती है, उदाहरण के लिए एक वेबसाइट या मॉनिटर स्क्रीन पर सिर्फ एक बिंदु।

रंगों को दर्शाने के कई बुनियादी तरीके हैं, जैसे कि जब प्रत्येक रंग या शेड को निर्दिष्ट किया जाता है एचटीएमएलकोड और रंग पैलेट आरजीबी#FF7700 के रूप में। इसे हेक्साडेसिमल अंकों के तीन जोड़े के रूप में दर्शाया गया है, जिसमें प्रत्येक जोड़ा अपने रंग के लिए जिम्मेदार है:
पहले दो अंक लाल हैं, अर्थात — आर(लाल)
बीच में दो - हरा - जी (हरा)
अंतिम दो अंक - नीला - बी (नीला)
अक्सर वे तीन अक्षरों #F70 के रूप में रंग का एक गुप्त प्रतिनिधित्व का उपयोग करते हैं, जो #FF7700 के बराबर होगा।

वैसे, वेब संसाधनों पर रंग आमतौर पर सीएसएस शैलियों में निर्दिष्ट होते हैं।

आइए मुख्य प्रश्न का उत्तर देने के लिए आगे बढ़ें - मॉनिटर स्क्रीन या चित्र पर पिक्सेल का रंग कैसे पता करें?

बहुत तरीके हैं...

विधि 1. फ़ोटोशॉप में रंग ढूँढ़ें

तो, आइए कीबोर्ड पर प्रिंट स्क्रीन (PrtSc) कुंजी दबाकर एक "स्क्रीनशॉट" लें, उस स्थान पर जहां हम अपने रंग के लिए कोड का पता लगाना चाहते हैं। जब आप कुंजी दबाते हैं, तो सिस्टम स्नैपशॉट को क्लिपबोर्ड पर सहेज लेगा। आप छवि को आसानी से कॉपी कर सकते हैं, उदाहरण के लिए किसी ब्राउज़र से, PrtSc के बिना। अब बस छवि को बफ़र से फ़ोटोशॉप में पेस्ट करना बाकी है।

फ़ोटोशॉप खोलें और एक छवि डालें (फ़ाइल - नया, संपादन - सम्मिलित करें)। हम टूलबार (कुंजी I) पर "पिपेट" की तलाश करते हैं, फिर उस क्षेत्र पर बायाँ-क्लिक करें जिसमें हम रंग को "हटाना" चाहते हैं। सब तैयार है! अब जो कुछ बचा है वह पैलेट पर जाना और रंग कोड का पता लगाना है।

विधि 2. पेंट में रंग का पता लगाएं

पेंट पर जाएँ - एक चित्र डालें - "पैलेट" टूल का उपयोग करें - "रंग बदलें" पर जाएँ:

हमारे मामले में, लाल 252 है, हरा 168 है, नीला 10 है, यानी। RGB(252,168,10) या HEX प्रारूप #FCA80A में।

विधि 3: ब्राउज़र में तत्व कोड देखें

मैं ओपेरा ब्राउज़र के लिए विधि का वर्णन करूंगा। माउस से साइट पर एक तत्व चुनें और उस पर राइट-क्लिक करें - "तत्व कोड देखें" (Ctrl + Shift + C)। HTML और CSS कोड वाला एक पैनल खुलेगा, आपको "रंग" जैसा कुछ ढूंढना होगा।

विधि 4. विशेष उपकरण या प्रोग्राम का उपयोग करना।

रंग हटाने के लिए बड़ी संख्या में विशेष कार्यक्रम हैं; मुझे लगभग 10-11 केबी वजन वाला "पिक्सी" नामक एक बहुत ही सरल कार्यक्रम पसंद है। नियंत्रण बहुत सरल हैं. बस माउस को मॉनिटर स्क्रीन पर वांछित बिंदु पर इंगित करें और निम्नलिखित कुंजी दबाएं - Ctrl + Alt + C, जिसके परिणामस्वरूप रंग कोड क्लिपबोर्ड पर कॉपी हो जाएगा।

कंप्यूटर पर काम करते हुए, फ़ोटोशॉप में चित्र बनाते हुए और वेबसाइट डिज़ाइन करते हुए, मुझे अक्सर यह पता लगाना पड़ता है कि मॉनिटर स्क्रीन पर कौन से रंग, या उनके कोड, कुछ ऑब्जेक्ट हैं। वेबसाइट बनाने और उन्हें सामग्री से भरने के लिए, मैं अक्सर HTML रंगों का उपयोग करता हूं, और कभी-कभी फ़ोटोशॉप या अन्य छवि संपादकों में काम करते समय आरजीबी कोड का उपयोग करता हूं।

पहले, मॉनिटर पर किसी ऑब्जेक्ट का रंग निर्धारित करने के लिए, मुझे स्क्रीन का स्क्रीनशॉट लेना पड़ता था ("प्रिंट स्क्रीन" या "ऑल्ट" + "प्रिंट स्क्रीन" का उपयोग करके क्लिपबोर्ड पर कॉपी करना)। फिर आपको चित्र को फ़ोटोशॉप, पेंट या किसी अन्य छवि संपादक में डालना होगा और आवश्यक वस्तु का रंग कोड जानने के लिए एक नियमित आईड्रॉपर का उपयोग करना होगा। इस पूरी प्रक्रिया में मुझे बहुत समय लगा, खासकर अगर इसे बार-बार दोहराना पड़ता।

लेकिन अब सब कुछ बदल गया है और रंग निर्धारित करने के लिए मुझे कुछ भी कॉपी करने और अतिरिक्त चित्र बनाने की आवश्यकता नहीं है।

पिक्सी सबसे सरल अंडरआर्म कलर डिटेक्टर है!

इस संक्षिप्त लेख में, मैं आपके ध्यान में मॉनिटर पर रंग निर्धारित करने के लिए एक बहुत ही सरल, सुविधाजनक, कॉम्पैक्ट और मुफ्त कार्यक्रम प्रस्तुत करना चाहता हूं - पिक्सी, जो वेबसाइट निर्माताओं, डिजाइनरों और प्रोग्रामर के लिए उपयोगी होगा।

परी- जिस वस्तु पर माउस घूम रहा है उसका रंग तुरंत निर्धारित करने के लिए डिज़ाइन किया गया एक प्रोग्राम। यह एक ही रंग के 4 प्रकार के कोड दिखाता है:

1. HTML कोड
2. आरजीबी कोड
3. सीएमवाईके कोड
4. कोड एचएसवी

उदाहरण के लिए, यदि आप अपने माउस को ऊपर घुमाते हैं सफ़ेद वस्तु, तो प्रोग्राम निम्नलिखित रंग कोड दिखाएगा:

उदाहरण के लिए, यदि आप अपने माउस को ऊपर घुमाते हैं, नीला रंग, तो प्रोग्राम निम्नलिखित कोड दिखाएगा:

कुंजी संयोजनों का भी उपयोग करना:

1. Ctrl+Alt+C- पिक्सी एचटीएमएल प्रारूप #XXXXXX में क्लिपबोर्ड पर रंग की प्रतिलिपि बनाता है।
2. Ctrl+Alt+X- पिक्सी रंग पैलेट के साथ एक विंडो खोलती है।
3. Ctrl+Alt+Z- पिक्सी कर्सर के पास एक छोटे से क्षेत्र को बड़ा करता है (जैसे एक आवर्धक कांच के नीचे) ताकि उपयोगकर्ता स्क्रीन पर किसी वस्तु का रंग अधिक सटीक रूप से निर्धारित कर सके।

यदि आप उपरोक्त कुंजी संयोजनों को बदलना चाहते हैं, तो प्रोग्राम विंडो पर राइट-क्लिक करें और इसे अपनी इच्छानुसार सेट करें।

परी- सभी प्रोग्रामर, डिज़ाइनर, वेब प्रोग्रामर और वेब डिज़ाइनर के लिए एक बहुत ही सरल, उपयोगी और यहां तक ​​कि आवश्यक प्रोग्राम, जिसमें कुछ भी अनावश्यक नहीं है।

यह प्रोग्राम मेरे काम में (रंगों के निर्धारण में) लगातार मेरी मदद करता है, इसलिए मैं विश्वास के साथ आपको इसकी अनुशंसा कर सकता हूं। इसके अलावा, मैं दोहराता हूं कि यह पूरी तरह से मुफ़्त है।

आप भी सबके बारे में पता लगा सकते हैं सुरक्षित रंग साइट के लिए.