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

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

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

रंग

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

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

प्रकार
90°

CSS

background: linear-gradient(90deg, #000080, #002579, #00386e, #004666, #00535e, #005f52, #006a44, #007530, #008000);
background: linear-gradient(90deg in oklab, #000080, #008000);

Tailwind CSS v4

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

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

7

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

वही दो रंग इस पर निर्भर करते हुए अलग बीच का रंग देते हैं कि ब्राउज़र किस स्पेस में मिलाता है। ये 50% पर सटीक रंग हैं। सादे sRGB में मिलाने पर बीच का रंग #004040 है, क्रोमा 0.057 के साथ। OKLab #00535e देता है, क्रोमा 0.089 के साथ, इसलिए sRGB वाला बीच में साफ़ तौर पर ज़्यादा धूसर दिखता है।

मिलाने का स्पेसग्रेडिएंट प्रीव्यूबीच का रंगलाइटनेसक्रोमा
OKLab#00535e39.5%0.089
OKLCH#00535b39.5%0.182
sRGB#00404033.6%0.057
LCH#004b5537.1%0.292
HSL#00808054.3%0.093

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

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

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

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

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

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

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

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