OKLCH अवधारणात्मक रूप से समान ग्रेडिएंट, कोई ग्रे बैंड नहीं, एक क्लिक CSS निर्यात।
48 क्लासिक सामुदायिक संयोजन - स्टॉप, प्रकार और कोण को एक बार में लागू करने के लिए क्लिक करें।
background: linear-gradient(90deg, #1D3557 0%, 463C7B 25%, 7B3C8A 50%, B4387B 75%, #E63946 100%);
2-6 स्टॉप मुक्त स्थिति के साथ, OKLCH इंटरपोलेशन बिना गंदे बैंड के, साथ ही 48 क्यूरेटेड प्रीसेट।
2-6 स्टॉप: प्रत्येक रंग चुनें, स्थिति खींचें, या HEX मान पेस्ट करें।
रैखिक/रेडियल/शंकु स्विच करें, कोण खींचें - या एक क्लिक में क्यूरेटेड प्रीसेट लागू करें।
स्मूथ मोड OKLCH मिडपॉइंट को स्वचालित रूप से विस्तारित करता है; CSS तैयार-निर्मित पेस्ट होता है और लिंक आपके ग्रेडिएंट को ले जाता है।
चार प्रश्न जो उपयोगकर्ता वास्तव में पूछते हैं।
यहां से आगे बढ़ें और रंगों को काम में लाएं।
किसी भी रंग को 11-चरणीय डिज़ाइन-सिस्टम स्केल में बदलें, OKLCH में अवधारणात्मक रूप से समान, प्रत्येक चरण में WCAG कंट्रास्ट, Tailwind/CSS/SCSS/JSON में निर्यात करें।
किसी भी फॉर्मेट (HEX / RGB / HSL / नाम) को टाइप करें और वास्तविक समय में सभी रंग स्पेस में परिवर्तित करें।
स्पेसबार से रैंडमाइज़ करें, लॉक करें, पुनः क्रमबद्ध करने के लिए ड्रैग करें, URL से साझा करें - वह सब कुछ जो एक पैलेट बोर्ड को करना चाहिए।
WCAG 2.1 किसी भी अग्रभूमि और पृष्ठभूमि रंग के बीच कंट्रास्ट सत्यापन।