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

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

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

रंग

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

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

प्रकार
90°

CSS

background: linear-gradient(90deg, #000080, #21207b, #3f2e74, #5e366d, #7d3a64, #9c3a59, #bc364b, #dd2936, #ff0000);
background: linear-gradient(90deg in oklab, #000080, #ff0000);

Tailwind CSS v4

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

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

7

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

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

मिलाने का स्पेसग्रेडिएंट प्रीव्यूबीच का रंगलाइटनेसक्रोमा
OKLab#7d3a6445%0.107
OKLCH#8e009345%0.223
sRGB#80004038.7%0.157
LCH#a2006345.6%0.298
HSL#c000c056.6%0.26

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

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

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

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

OKLab में मिलाने पर नेवी ब्लू और लाल के ठीक बीच का रंग #7d3a64 है। सादा sRGB मिश्रण #800040 देता है।

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

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

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