हर रंग, डीकोड किया गया

Hex, RGB, HSL, CMYK मान। रंग सामंजस्य, Tailwind शेड्स, WCAG कंट्रास्ट।

#

कोई भी 6-अंकीय hex कोड दर्ज करें

रंग उपकरण

सभी देखें →

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

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

रंग परिवर्तक

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

पैलेट जनरेटर

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

शेड जनरेटर

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

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

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

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

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

नवीनतम लेख

सभी देखें →
ट्यूटोरियल

CSS color-mix(): Browser में Natively रंग Blend करें

Browser में natively रंग blend करने के लिए CSS color-mix() सीखें। Syntax, color spaces, व्यावहारिक use cases और JavaScript के बिना dynamic palettes बनाना।

जन 26, 2026

ट्यूटोरियल

Scratch से Color Picker Web Component बनाना

Accessible color picker Web Component बनाएं। Shadow DOM के साथ canvas rendering, hue sliders, alpha channels, और custom events implement करें।

जन 21, 2026

ट्यूटोरियल

अनुभवात्मक रंग स्थान: Lab, LCH, Oklab, OKLCH

अनुभवात्मक रूप से एकसमान रंग स्थानों का अन्वेषण करें — CIE Lab, LCH, Oklab और OKLCH। जानें कि प्रत्येक कैसे डिज़ाइन किया गया, कहाँ उत्कृष्ट है, और CSS और डिज़ाइन कार्य के लिए कौन सा उपयोग करें।

जन 15, 2026

ट्यूटोरियल

Color Proofing: सटीक Print Colors सुनिश्चित करना

Screen से final output तक सटीक print color reproduction के लिए soft proofing, hard proofing, और press proof techniques सीखें।

जन 10, 2026