फ्री कलर पिकर पैलेट के साथ
यह फ्री कलर पिकर आपको अपने ब्राउज़र के कलर कंट्रोल से रंग चुनने या HEX कोड टाइप करने देता है, फिर इसके HEX, RGB और HSL वैल्यूज दिखाता है, इस पर सफेद और काले टेक्स्ट की पठनीयता कैसी है, और tints, shades, complementary रंग और triadic सेट के swatch पैलेट दिखाता है। यह डिज़ाइनर, डेवलपर और मार्केटर के लिए उपयुक्त है जो साइट, विज्ञापन या लोगो के लिए ब्रांड रंग चुन रहे हैं।
Color Picker
Generators and Converters
इस टूल के बारे में
कलर कोड कई रूपों में आते हैं। HEX, जैसे #2563eb, वेब पर सबसे आम है। RGB 0 से 255 तक लाल, हरे और नीले की मात्रा देता है, और HSL डिग्री में hue के साथ-साथ प्रतिशत में saturation और lightness का वर्णन करता है, जिसे आंख से समायोजित करना आसान है। पिकर एक ही रंग के लिए तीनों दिखाता है ताकि आप अपने टूल को जो चाहिए वह पेस्ट कर सकें।
पैलेट आपके द्वारा चुने गए रंग से बनाए जाते हैं। Tints इसे सफेद के साथ मिलाते हैं और shades इसे काले के साथ मिलाते हैं, जो बैकग्राउंड, बॉर्डर और hover states के लिए हल्के और गहरे संस्करण देते हैं। Complementary रंग कलर व्हील पर विपरीत बैठता है, और triadic सेट दो रंग लेता है जो व्हील के एक तिहाई दूर हैं, एक संतुलित स्कीम के लिए एक सामान्य शुरुआत।
Contrast आंकड़े WCAG फॉर्मूला का उपयोग करके आपके रंग की तुलना सफेद और काले टेक्स्ट से करते हैं। सामान्य बॉडी टेक्स्ट के लिए 4.5 से 1 या अधिक का अनुपात सामान्य लक्ष्य है। तेजी से चुनाव के लिए नेटिव पिकर का उपयोग करें, या जब आपके पास पहले से कोड हो तो कलर कन्वर्टर का उपयोग करें। आपके द्वारा चुना गया कुछ भी संग्रहीत नहीं है।
अक्सर पूछे जाने वाले सवाल
HEX, RGB और HSL में क्या अंतर है?
वे एक ही रंग को विभिन्न तरीकों से वर्णित करते हैं। HEX वेब उपयोग के लिए एक छह अंकों का कोड है, RGB 0 से 255 तक लाल, हरे और नीले मान सूचीबद्ध करता है, और HSL hue, saturation और lightness देता है, जो एक संख्या बदलकर हल्के या गहरे संस्करण बनाना आसान बनाता है।
Tints और shades क्या हैं?
एक tint रंग को सफेद के साथ मिलाया जाता है, इसलिए यह हल्का दिखता है, और एक shade रंग को काले के साथ मिलाया जाता है, इसलिए यह गहरा दिखता है। एक साथ वे बैकग्राउंड, बॉर्डर, बटन और hover states के लिए एक ही रंग की तैयार श्रृंखला देते हैं।
Complementary या triadic रंग क्या है?
Complementary रंग कलर व्हील पर आपके रंग के सीधे विपरीत है और सबसे मजबूत कंट्रास्ट देता है। एक triadic पैलेट आपके रंग के साथ-साथ दो अन्य रंग व्हील के चारों ओर समान रूप से दूरी पर उपयोग करता है। दोनों शुरुआती बिंदु हैं, इसलिए जब तक परिणाम आपके ब्रांड के अनुरूप न हो तब तक lightness और saturation को समायोजित करें।
टेक्स्ट का कंट्रास्ट अनुपात क्या होना चाहिए?
WCAG स्तर AA को पूरा करने के लिए सामान्य टेक्स्ट के लिए कम से कम 4.5 से 1 और बड़े टेक्स्ट के लिए 3 से 1 मांगता है। पिकर आपके रंग पर सफेद और काले टेक्स्ट के लिए अनुपात दिखाता है ताकि आप पठनीय को चुन सकें।