रंग उपकरण

डिज़ाइनर्स और डेवलपर्स के लिए निःशुल्क, तेज़ और सटीक रंग उपयोगिताएँ। कोई साइन-अप आवश्यक नहीं।

कंट्रास्ट चेकर

WCAG 2.1 दिशानिर्देशों के अनुसार रंग कंट्रास्ट अनुपात जांचें। सामान्य और बड़े टेक्स्ट के लिए AA और AAA अनुपालन का परीक्षण करें।

उपकरण खोलें

रंग परिवर्तक

HEX, RGB, HSL, HSV, CMYK और OKLCH रंग प्रारूपों के बीच तुरंत रूपांतरित करें।

उपकरण खोलें

पैलेट जनरेटर

पूरक, समान, त्रयी और विभक्त पूरक योजनाओं का उपयोग करके सामंजस्यपूर्ण रंग पैलेट बनाएं।

उपकरण खोलें

शेड जनरेटर

डिज़ाइन सिस्टम के लिए किसी भी बेस कलर से Tailwind CSS-शैली शेड स्केल (50-950) बनाएं।

उपकरण खोलें

रंग अंधता सिम्युलेटर

ड्यूटेरानोपिया, प्रोटानोपिया, ट्राइटानोपिया और एक्रोमैटोप्सिया में रंग कैसे दिखते हैं, इसका अनुकरण करें।

उपकरण खोलें

ग्रेडिएंट जनरेटर

लाइव प्रीव्यू और कॉपी-रेडी कोड के साथ सुंदर CSS लीनियर और रेडियल ग्रेडिएंट बनाएं।

उपकरण खोलें

अक्सर पूछे जाने वाले प्रश्न

WCAG कंट्रास्ट चेकर अग्रभूमि और पृष्ठभूमि रंगों के बीच luminance अनुपात मापता है ताकि यह निर्धारित किया जा सके कि वे Web Content Accessibility Guidelines (WCAG) 2.1 मानकों को पूरा करते हैं या नहीं। सामान्य टेक्स्ट के लिए AA अनुपालन हेतु कम से कम 4.5:1 का अनुपात और AAA अनुपालन के लिए 7:1 आवश्यक है।
#4285F4 जैसा HEX रंग कोड तीन जोड़ों में विभाजित होता है: 42 (लाल), 85 (हरा), F4 (नीला)। प्रत्येक जोड़े को hexadecimal से decimal में परिवर्तित किया जाता है। इसलिए #4285F4 बन जाता है RGB(66, 133, 244)। हमारा Color Converter टूल HEX, RGB, HSL, HSV, CMYK और OKLCH फॉर्मेट को तुरंत संभालता है।
रंग पैलेट जनरेटर रंग सिद्धांत के नियमों का उपयोग करके एक आधार रंग से सुसंगत रंग संयोजन बनाता है। सामान्य योजनाओं में पूरक (रंग चक्र पर विपरीत), अनुरूप (आसन्न रंग), त्रिकोणीय (तीन समान दूरी पर) और विभाजित-पूरक शामिल हैं। ये पैलेट डिज़ाइन में दृश्य सामंजस्य सुनिश्चित करते हैं।
Tailwind CSS प्रत्येक रंग के लिए 50–950 शेड स्केल का उपयोग करता है, जहाँ 50 सबसे हल्का टिंट और 950 सबसे गहरा शेड है। हमारा Shade Generator किसी भी आधार रंग से यह पूरा स्केल बनाता है, जो सुसंगत डिज़ाइन सिस्टम के लिए Tailwind की perceptual uniformity से मेल खाता है।
वर्णांधता सिम्युलेटर रंगों पर गणितीय परिवर्तन लागू करता है जो यह दर्शाता है कि रंग दृष्टि की कमी वाले लोगों को रंग कैसे दिखते हैं। मुख्य प्रकार हैं: Deuteranopia (हरा-अंध, पुरुषों में ~6%), Protanopia (लाल-अंध, ~1%), Tritanopia (नीला-अंध, दुर्लभ), और Achromatopsia (पूर्ण वर्णांधता)।
ColorFYI छह रंग फॉर्मेट समर्थित करता है: HEX (#4285F4), RGB (66, 133, 244), HSL (217°, 89%, 61%), HSV (217°, 73%, 96%), CMYK (73%, 45%, 0%, 4%), और OKLCH (0.63, 0.17, 264°)। OKLCH एक perceptually uniform रंग स्थान है जो आधुनिक CSS के लिए अनुशंसित है।
हाँ, ColorFYI के सभी छह रंग टूल बिना किसी साइन-अप के पूरी तरह मुफ़्त हैं। ये तुरंत परिणाम के लिए पूरी तरह आपके ब्राउज़र में चलते हैं — Contrast Checker, Color Converter, Palette Generator, Shade Generator, Color Blindness Simulator, और Gradient Generator।