रंग डेस्क
रंग टिंट जनरेटर
सफ़ेद रंग के साथ मिलाकर किसी रंग को हल्का करें।
रंग टिंट जनरेटर: TOEA यह तय फ़ॉर्मूला लागू करता है: टिंट = रंग × (1 − मात्रा) + सफ़ेद × मात्रा। रंग की गणना आपके ब्राउज़र में स्थानीय रूप से होती है। यह आपके ब्राउज़र में 100% स्थानीय रूप से चलता है और सर्वर पर कोई फ़ाइल अपलोड नहीं होती।
- श्रेणी
- रोज़मर्रा के टूल्स
- रन
- आपके ब्राउज़र में
- लागत
- मुफ़्त · साइन अप की ज़रूरत नहीं
- उपलब्धता
- इस्तेमाल के लिए तैयार
टिंट किया गया HEX
#5C8AF0
- टिंट किया गया RGB
- rgb(92, 138, 240)
टिंट = रंग × (1 − मात्रा) + सफ़ेद × मात्रा- परिणाम नियत sRGB गणितीय रूपांतरणों से मिलते हैं; स्क्रीन पर दिखने वाला रंग आपके मॉनिटर और कलर प्रोफ़ाइल पर निर्भर करता है।
- HEX इनपुट में #RGB या #RRGGBB नोटेशन स्वीकार किया जाता है। मान आपके ब्राउज़र में रहते हैं और अपलोड नहीं होते।
हल्के रंगों का scale बनाना
Design systems अक्सर white के साथ mixing करके अपने हल्के steps बनाते हैं; Bootstrap का tint-color() इसी तरह काम करता है। लगभग 80–95% white वाले tints alerts, selected rows और badges के backgrounds के लिए उपयोगी हैं, जबकि 20–40% brand color का नरम रूप hover fills और illustrations के लिए देता है। हर step को मूल base से बनाएँ, किसी tint को फिर से tint न करें, ताकि percentages का अर्थ बना रहे। सबसे हल्के steps पर टेक्स्ट या icons के लिए base color को ही रखें।
Tints चॉक जैसे क्यों दिख सकते हैं
White मिलाने से lightness बढ़ने के साथ saturation भी घटती है, इसलिए pale tints दूधिया दिख सकते हैं और खासकर blues lavender की ओर जा सकते हैं। अगर कोई light step ठीक न लगे, तो थोड़ा अधिक saturated base आज़माएँ या रंग कन्वर्टर में lightness सीधे सेट करके तुलना करें। Tint के हल्का होने पर उस पर dark text का contrast आसानी से पास होता है; कंट्रास्ट चेकर में अपनी जोड़ी जाँचें।
इस्तेमाल करने का तरीका
- मान्य #RGB या #RRGGBB मान और मांगा गया प्रतिशत दर्ज करें।
- ब्राउज़र में चलने वाली तय रंग प्रक्रिया शुरू करें।
- स्वॉच देखें और परिणाम या पैलेट के मान कॉपी करें।
गोपनीयता और सीमाएँ
रंग के मान इसी डिवाइस पर रहते हैं। कंट्रास्ट परिणाम एक गणितीय चेकर है, WCAG अनुपालन की व्यापक गारंटी नहीं; संदर्भ, फ़ॉन्ट रेंडरिंग, गैर-टेक्स्ट कंट्रास्ट और यूज़र इंटरफ़ेस की स्थितियों की अलग से समीक्षा ज़रूरी है।
संबंधित टूल्स
अक्सर पूछे जाने वाले सवाल
टिंट जनरेटर कैसे काम करता है?
यह टिंट = रंग × (1 − मात्रा) + सफ़ेद × मात्रा फ़ॉर्मूला इस्तेमाल करता है।
कौन-से HEX फ़ॉर्मैट स्वीकार किए जाते हैं?
तीन-अंकीय #RGB या छह-अंकीय #RRGGBB sRGB नोटेशन इस्तेमाल करें। Alpha channels और नाम वाले रंग स्वीकार नहीं किए जाते।
क्या कंट्रास्ट परिणाम एक्सेसिबिलिटी अनुपालन की गारंटी देता है?
नहीं। यह बताए गए रंगों और टेक्स्ट थ्रेशोल्ड के लिए गणितीय कंट्रास्ट चेकर है, व्यापक अनुपालन की गारंटी नहीं।
मुफ़्त टूल · आपके ब्राउज़र में बार चलता है · अकाउंट की ज़रूरत नहीं