सुनहरा से नेवी ब्लू ग्रेडिएंट
CSS में सुनहरा से नेवी ब्लू तक स्मूद ग्रेडिएंट, OKLab में मिलाया गया ताकि बीच का हिस्सा साफ़ रहे। कोण बदलें, रंग जोड़ें और कोड कॉपी करें।
रंग
OKLab बीच के हिस्से को चमकीला रखता है। sRGB में पुराने ब्राउज़र मिलाते हैं और बीच अक्सर धूसर हो जाता है।
CSS
background: linear-gradient(90deg, #ffd700, #d9c14d, #b5ab65, #919473, #6e7e7c, #4d6681, #2c4e83, #0a3282, #000080);
background: linear-gradient(90deg in oklab, #ffd700, #000080);Tailwind CSS v4
bg-linear-90/oklab from-[#ffd700] to-[#000080]ग्रेडिएंट में आने वाले रंग
हर कलर स्पेस में सुनहरा और नेवी ब्लू कैसे मिलते हैं
वही दो रंग इस पर निर्भर करते हुए अलग बीच का रंग देते हैं कि ब्राउज़र किस स्पेस में मिलाता है। ये 50% पर सटीक रंग हैं। ये दोनों रंग हर स्पेस में लगभग एक जैसे मिलते हैं: बीच का रंग OKLab में #6e7e7c और sRGB में #806c40 है, इसलिए कोई भी स्पेस चलेगा।
| मिलाने का स्पेस | ग्रेडिएंट प्रीव्यू | बीच का रंग | लाइटनेस | क्रोमा |
|---|---|---|---|---|
| OKLab | #6e7e7c | 57.9% | 0.018 | |
| OKLCH | #00917c | 57.9% | 0.185 | |
| sRGB | #806c40 | 53.8% | 0.066 | |
| LCH | #e90058 | 58.9% | 0.247 | |
| HSL | #c0006f | 52.6% | 0.215 |
इस ग्रेडिएंट से जुड़े सवाल
CSS में सुनहरा से नेवी ब्लू ग्रेडिएंट कैसे बनाएँ?
background: linear-gradient(90deg in oklab, #ffd700, #000080) इस्तेमाल करें। बहुत पुराने ब्राउज़रों के लिए इससे पहले sRGB वर्ज़न वाली एक लाइन जोड़ें। OKLab में इंटरपोलेशन सभी मौजूदा ब्राउज़रों में काम करता है।
सुनहरा और नेवी ब्लू के ठीक बीच कौन सा रंग है?
OKLab में मिलाने पर सुनहरा और नेवी ब्लू के ठीक बीच का रंग #6e7e7c है। सादा sRGB मिश्रण #806c40 देता है।
Tailwind CSS में सुनहरा से नेवी ब्लू ग्रेडिएंट कैसे बनाएँ?
Tailwind CSS v4 में ये क्लास इस्तेमाल करें: bg-linear-90/oklab from-[#ffd700] to-[#000080]।