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

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

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

रंग

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

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

प्रकार
90°

CSS

background: linear-gradient(90deg, #000080, #00008f, #00009e, #0000ae, #0000bd, #0000ce, #0000de, #0000ee, #0000ff);
background: linear-gradient(90deg in oklab, #000080, #0000ff);

Tailwind CSS v4

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

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

7

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

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

मिलाने का स्पेसग्रेडिएंट प्रीव्यूबीच का रंगलाइटनेसक्रोमा
OKLab#0000bd36.2%0.251
OKLCH#0000bd36.2%0.251
sRGB#0000c036.4%0.253
LCH#0000bd36.2%0.251
HSL#0000c036.4%0.253

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

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

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

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

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

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

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

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