वायलेट से सफ़ेद ग्रेडिएंट
CSS में वायलेट से सफ़ेद तक स्मूद ग्रेडिएंट, OKLab में मिलाया गया ताकि बीच का हिस्सा साफ़ रहे। कोण बदलें, रंग जोड़ें और कोड कॉपी करें।
रंग
OKLab बीच के हिस्से को चमकीला रखता है। sRGB में पुराने ब्राउज़र मिलाते हैं और बीच अक्सर धूसर हो जाता है।
CSS
background: linear-gradient(90deg, #ee82ee, #f193f1, #f4a3f3, #f7b3f6, #f9c3f8, #fbd2fa, #fde1fc, #fef0fe, #ffffff);
background: linear-gradient(90deg in oklab, #ee82ee, #ffffff);Tailwind CSS v4
bg-linear-90/oklab from-[#ee82ee] to-[#ffffff]ग्रेडिएंट में आने वाले रंग
हर कलर स्पेस में वायलेट और सफ़ेद कैसे मिलते हैं
वही दो रंग इस पर निर्भर करते हुए अलग बीच का रंग देते हैं कि ब्राउज़र किस स्पेस में मिलाता है। ये 50% पर सटीक रंग हैं। ये दोनों रंग हर स्पेस में लगभग एक जैसे मिलते हैं: बीच का रंग OKLab में #f9c3f8 और sRGB में #f7c1f7 है, इसलिए कोई भी स्पेस चलेगा।
| मिलाने का स्पेस | ग्रेडिएंट प्रीव्यू | बीच का रंग | लाइटनेस | क्रोमा |
|---|---|---|---|---|
| OKLab | #f9c3f8 | 88.1% | 0.093 | |
| OKLCH | #f9c3f8 | 88.1% | 0.093 | |
| sRGB | #f7c1f7 | 87.4% | 0.093 | |
| LCH | #f9c2f7 | 88% | 0.093 | |
| HSL | #e9cee9 | 88.2% | 0.047 |
इस ग्रेडिएंट से जुड़े सवाल
CSS में वायलेट से सफ़ेद ग्रेडिएंट कैसे बनाएँ?
background: linear-gradient(90deg in oklab, #ee82ee, #ffffff) इस्तेमाल करें। बहुत पुराने ब्राउज़रों के लिए इससे पहले sRGB वर्ज़न वाली एक लाइन जोड़ें। OKLab में इंटरपोलेशन सभी मौजूदा ब्राउज़रों में काम करता है।
वायलेट और सफ़ेद के ठीक बीच कौन सा रंग है?
OKLab में मिलाने पर वायलेट और सफ़ेद के ठीक बीच का रंग #f9c3f8 है। सादा sRGB मिश्रण #f7c1f7 देता है।
Tailwind CSS में वायलेट से सफ़ेद ग्रेडिएंट कैसे बनाएँ?
Tailwind CSS v4 में ये क्लास इस्तेमाल करें: bg-linear-90/oklab from-[#ee82ee] to-[#ffffff]।