सीधे कलर पिकर पर जाएँ

नेवी ब्लू से सफ़ेद ग्रेडिएंट

CSS में नेवी ब्लू से सफ़ेद तक स्मूद ग्रेडिएंट, OKLab में मिलाया गया ताकि बीच का हिस्सा साफ़ रहे। कोण बदलें, रंग जोड़ें और कोड कॉपी करें।

रंग

मिलाने का स्पेस

OKLab बीच के हिस्से को चमकीला रखता है। sRGB में पुराने ब्राउज़र मिलाते हैं और बीच अक्सर धूसर हो जाता है।

प्रकार
90°

CSS

background: linear-gradient(90deg, #000080, #0d3192, #2c50a3, #4c6db4, #6e8ac4, #90a7d4, #b4c4e3, #d9e1f1, #ffffff);
background: linear-gradient(90deg in oklab, #000080, #ffffff);

Tailwind CSS v4

bg-linear-90/oklab from-[#000080] to-[#ffffff]

ग्रेडिएंट में आने वाले रंग

7

हर कलर स्पेस में नेवी ब्लू और सफ़ेद कैसे मिलते हैं

वही दो रंग इस पर निर्भर करते हुए अलग बीच का रंग देते हैं कि ब्राउज़र किस स्पेस में मिलाता है। ये 50% पर सटीक रंग हैं। ये दोनों रंग हर स्पेस में लगभग एक जैसे मिलते हैं: बीच का रंग OKLab में #6e8ac4 और sRGB में #8080c0 है, इसलिए कोई भी स्पेस चलेगा।

मिलाने का स्पेसग्रेडिएंट प्रीव्यूबीच का रंगलाइटनेसक्रोमा
OKLab#6e8ac463.6%0.094
OKLCH#6e8ac463.6%0.094
sRGB#8080c062.4%0.096
LCH#927ac063%0.106
HSL#7070cf58.9%0.143

इस ग्रेडिएंट से जुड़े सवाल

CSS में नेवी ब्लू से सफ़ेद ग्रेडिएंट कैसे बनाएँ?

background: linear-gradient(90deg in oklab, #000080, #ffffff) इस्तेमाल करें। बहुत पुराने ब्राउज़रों के लिए इससे पहले sRGB वर्ज़न वाली एक लाइन जोड़ें। OKLab में इंटरपोलेशन सभी मौजूदा ब्राउज़रों में काम करता है।

नेवी ब्लू और सफ़ेद के ठीक बीच कौन सा रंग है?

OKLab में मिलाने पर नेवी ब्लू और सफ़ेद के ठीक बीच का रंग #6e8ac4 है। सादा sRGB मिश्रण #8080c0 देता है।

Tailwind CSS में नेवी ब्लू से सफ़ेद ग्रेडिएंट कैसे बनाएँ?

Tailwind CSS v4 में ये क्लास इस्तेमाल करें: bg-linear-90/oklab from-[#000080] to-[#ffffff]।

लोकप्रिय ग्रेडिएंट