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

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

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

रंग

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

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

प्रकार
90°

CSS

background: linear-gradient(90deg, #000080, #142c7f, #33437e, #53577a, #736874, #95786a, #b7885c, #db9745, #ffa500);
background: linear-gradient(90deg in oklab, #000080, #ffa500);

Tailwind CSS v4

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

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

7

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

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

मिलाने का स्पेसग्रेडिएंट प्रीव्यूबीच का रंगलाइटनेसक्रोमा
OKLab#73687453.2%0.023
OKLCH#b1327f53.2%0.179
sRGB#80534048.6%0.067
LCH#d0005e53.9%0.252
HSL#c0008253.3%0.224

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

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

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

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

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

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

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

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