हरा से नेवी ब्लू ग्रेडिएंट
CSS में हरा से नेवी ब्लू तक स्मूद ग्रेडिएंट, OKLab में मिलाया गया ताकि बीच का हिस्सा साफ़ रहे। कोण बदलें, रंग जोड़ें और कोड कॉपी करें।
रंग
OKLab बीच के हिस्से को चमकीला रखता है। sRGB में पुराने ब्राउज़र मिलाते हैं और बीच अक्सर धूसर हो जाता है।
CSS
background: linear-gradient(90deg, #008000, #007530, #006a44, #005f52, #00535e, #004666, #00386e, #002579, #000080);
background: linear-gradient(90deg in oklab, #008000, #000080);Tailwind CSS v4
bg-linear-90/oklab from-[#008000] to-[#000080]ग्रेडिएंट में आने वाले रंग
हर कलर स्पेस में हरा और नेवी ब्लू कैसे मिलते हैं
वही दो रंग इस पर निर्भर करते हुए अलग बीच का रंग देते हैं कि ब्राउज़र किस स्पेस में मिलाता है। ये 50% पर सटीक रंग हैं। सादे sRGB में मिलाने पर बीच का रंग #004040 है, क्रोमा 0.057 के साथ। OKLab #00535e देता है, क्रोमा 0.089 के साथ, इसलिए sRGB वाला बीच में साफ़ तौर पर ज़्यादा धूसर दिखता है।
| मिलाने का स्पेस | ग्रेडिएंट प्रीव्यू | बीच का रंग | लाइटनेस | क्रोमा |
|---|---|---|---|---|
| OKLab | #00535e | 39.5% | 0.089 | |
| OKLCH | #00535b | 39.5% | 0.182 | |
| sRGB | #004040 | 33.6% | 0.057 | |
| LCH | #004b55 | 37.1% | 0.292 | |
| HSL | #008080 | 54.3% | 0.093 |
इस ग्रेडिएंट से जुड़े सवाल
CSS में हरा से नेवी ब्लू ग्रेडिएंट कैसे बनाएँ?
background: linear-gradient(90deg in oklab, #008000, #000080) इस्तेमाल करें। बहुत पुराने ब्राउज़रों के लिए इससे पहले sRGB वर्ज़न वाली एक लाइन जोड़ें। OKLab में इंटरपोलेशन सभी मौजूदा ब्राउज़रों में काम करता है।
हरा और नेवी ब्लू के ठीक बीच कौन सा रंग है?
OKLab में मिलाने पर हरा और नेवी ब्लू के ठीक बीच का रंग #00535e है। सादा sRGB मिश्रण #004040 देता है।
Tailwind CSS में हरा से नेवी ब्लू ग्रेडिएंट कैसे बनाएँ?
Tailwind CSS v4 में ये क्लास इस्तेमाल करें: bg-linear-90/oklab from-[#008000] to-[#000080]।