रंग चयनकर्ता
रंग चुनें, छवियों से निकालें, पैलेट बनाएं और कंट्रास्ट जांचें। HEX, RGB, HSL, HSV और CMYK प्रारूप समर्थित।
छवि से रंग निकालना
छवि ड्रॉप करें या अपलोड के लिए क्लिक करें
प्रमुख रंग
अपने पैलेट में रंग जोड़ें
सामान्य आकार में नमूना टेक्स्ट (14px)
बड़ा नमूना टेक्स्ट
कंट्रास्ट अनुपात
21:1
AA सामान्य
पास
AA बड़ा
पास
AAA सामान्य
पास
AAA बड़ा
पास
90°
इस रंग चयनकर्ता का उपयोग कब करें
हमारा मुफ्त रंग चयनकर्ता टूल डिज़ाइनरों और डेवलपर्स को रंगों के साथ काम करने में मदद करता है:
-
वेब डिज़ाइन
वेबसाइटों के लिए सही रंग चुनें और एक्सेसिबिलिटी अनुपालन सुनिश्चित करने के लिए कंट्रास्ट अनुपात जांचें।
-
ब्रांड पहचान
लोगो, मार्केटिंग सामग्री और ब्रांड दिशानिर्देशों के लिए सामंजस्यपूर्ण रंग पैलेट बनाएं।
-
छवि रंग मिलान
मौजूदा छवियों के साथ डिज़ाइन तत्वों को मिलाने के लिए तस्वीरों से रंग निकालें।
-
CSS विकास
CSS ग्रेडिएंट उत्पन्न करें और रंग पैलेट को CSS कस्टम प्रॉपर्टीज़ के रूप में निर्यात करें।
-
एक्सेसिबिलिटी परीक्षण
सत्यापित करें कि टेक्स्ट और पृष्ठभूमि रंग संयोजन WCAG AA और AAA मानकों को पूरा करते हैं।
रंग चयनकर्ता का उपयोग कैसे करें
शुरू करना
- संतृप्ति और चमक चुनने के लिए रंग वर्ग में क्लिक और ड्रैग करें
- आधार रंग बदलने के लिए ह्यू स्लाइडर का उपयोग करें
- आवश्यकतानुसार अल्फा स्लाइडर से अपारदर्शिता समायोजित करें
- कॉपी बटन पर क्लिक करके कोई भी रंग प्रारूप कॉपी करें
सुविधाएं
- रीयल-टाइम पूर्वावलोकन के साथ इंटरैक्टिव रंग चयनकर्ता
- आईड्रॉपर से किसी भी छवि से रंग निकालें
- स्वचालित रूप से सामंजस्यपूर्ण रंग संयोजन उत्पन्न करें
- कस्टम पैलेट बनाएं और CSS या JSON में निर्यात करें
- एक्सेसिबिलिटी के लिए WCAG रंग कंट्रास्ट जांचें
- विज़ुअल एडिटर के साथ CSS ग्रेडिएंट बनाएं
कीबोर्ड शॉर्टकट
- Ctrl+C: वर्तमान HEX रंग कॉपी करें
- Ctrl+V: क्लिपबोर्ड से रंग पेस्ट और लागू करें
- 1-4: सुविधा टैब के बीच स्विच करें
टिप्स
- प्रमुख रंगों को स्वचालित रूप से निकालने के लिए छवि अपलोड करें
- टेक्स्ट पठनीयता सुनिश्चित करने के लिए कंट्रास्ट चेकर का उपयोग करें
- प्रोजेक्ट्स में आसान उपयोग के लिए अपना पैलेट CSS वेरिएबल्स में निर्यात करें