रंग कोड परिवर्तित करें
#RRGGBB प्रारूप। CSS में सबसे अधिक उपयोग किया जाता है
लाल, हरा, नीला (0-255)
रंग, संतृप्ति, चमक। सहज रंग समायोजन
रंग, संतृप्ति, मान। ग्राफिक उपकरणों में उपयोग किया जाता है
अवधारणात्मक रूप से एकसमान आधुनिक CSS रंग स्थान
अल्फा (पारदर्शिता) चैनल शामिल है
Color Picker एक ऑनलाइन टूल है जो विभिन्न रंग मॉडल के बीच कोड बदल सकता है और दृश्य रूप से वांछित रंग चुन सकता है। HEX, RGB, HSL, HSV, OKLCH आदि प्रमुख रंग प्रारूपों का समर्थन करता है और सहज स्लाइडर और पैलेट के माध्यम से रंगों को खोजने और कोड को तुरंत कॉपी करने की सुविधा देता है।
रंग चुनें
रंग स्लाइडर को ड्रैग करें या रंग क्षेत्र में क्लिक करके अपना इच्छित रंग चुनें। या सीधे HEX कोड आदि भी दर्ज कर सकते हैं।
प्रारूप देखें
चुना गया रंग HEX, RGB, HSL, HSV, OKLCH आदि सभी प्रारूपों में स्वचालित रूपांतरित होकर प्रदर्शित होता है।
पारदर्शिता समायोजन
अल्फ़ा टैब में पारदर्शिता को 0~100% सीमा में समायोजित करके अर्ध-पारदर्शी रंग बनाए जा सकते हैं।
कोड कॉपी करें
आवश्यक रंग प्रारूप के मान पर क्लिक करें तो यह क्लिपबोर्ड में स्वचालित कॉपी हो जाता है। CSS, डिज़ाइन टूल आदि में तुरंत पेस्ट करें।
HEX #RRGGBB प्रारूप की हेक्साडेसिमल नोटेशन है जो CSS में सबसे आम रूप से उपयोग होती है। RGB लाल (0-255), हरा (0-255), नीला (0-255) के संयोजन से रंग व्यक्त करता है। HSL ह्यू (Hue, 0-360), संतृप्ति (Saturation, 0-100%), प्रकाश (Lightness, 0-100%) से व्यक्त करता है जो मानवीय अंतर्ज्ञान के सबसे करीब है।
OKLCH एक अवधारणात्मक रूप से एकसमान (perceptually uniform) आधुनिक CSS रंग स्थान है। पहले के HSL में समान संतृप्ति/प्रकाश होने पर भी रंग के अनुसार चमक अलग दिखती थी, OKLCH इस समस्या को हल करके सुसंगत पैलेट बनाने में लाभकारी है। यह CSS Color Level 4 मानक में शामिल है।
अल्फ़ा मान 0 (पूर्ण पारदर्शी) से 1 (पूर्ण अपारदर्शी) के बीच का मान है जो रंग की पारदर्शिता दर्शाता है। CSS में rgba(59, 130, 246, 0.5) जैसे उपयोग किया जाता है, और HEX में #3B82F680 जैसे अंत में 2 अंक जोड़े जाते हैं। ओवरले, शैडो, बैकग्राउंड आदि में उपयोग किया जाता है।
WCAG 2.1 दिशानिर्देशों के अनुसार, टेक्स्ट और बैकग्राउंड के बीच ल्यूमिनेंस कंट्रास्ट अनुपात सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 या अधिक होना चाहिए। रंग चुनते समय बैकग्राउंड रंग के साथ कंट्रास्ट की जांच करना महत्वपूर्ण है ताकि दृष्टि बाधित लोग भी पढ़ सकें।
Figma, Sketch आदि डिज़ाइन टूल से कॉपी किया गया HEX कोड इस टूल में दर्ज करें तो RGB, HSL आदि CSS में उपयोग योग्य प्रारूपों में स्वचालित रूपांतरित हो जाता है। CSS वेरिएबल्स से प्रबंधित करें तो थीम बदलते समय कुशल है, और HSL प्रारूप में चमक/संतृप्ति समायोजन आसान है।