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

सफ़ेद से सुनहरा ग्रेडिएंट

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

रंग

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

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

प्रकार
90°

CSS

background: linear-gradient(90deg, #ffffff, #fffbea, #fff6d4, #fff1bd, #ffeda6, #ffe78d, #ffe271, #ffdd4e, #ffd700);
background: linear-gradient(90deg in oklab, #ffffff, #ffd700);

Tailwind CSS v4

bg-linear-90/oklab from-[#ffffff] to-[#ffd700]

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

7

हर कलर स्पेस में सफ़ेद और सुनहरा कैसे मिलते हैं

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

मिलाने का स्पेसग्रेडिएंट प्रीव्यूबीच का रंगलाइटनेसक्रोमा
OKLab#ffeda694.3%0.091
OKLCH#ffeda694.3%0.091
sRGB#ffeb8093.5%0.13
LCH#ffea9894.2%0.105
HSL#dfd59f86.8%0.071

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

CSS में सफ़ेद से सुनहरा ग्रेडिएंट कैसे बनाएँ?

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

सफ़ेद और सुनहरा के ठीक बीच कौन सा रंग है?

OKLab में मिलाने पर सफ़ेद और सुनहरा के ठीक बीच का रंग #ffeda6 है। सादा sRGB मिश्रण #ffeb80 देता है।

Tailwind CSS में सफ़ेद से सुनहरा ग्रेडिएंट कैसे बनाएँ?

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

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