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

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

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

रंग

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

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

प्रकार
90°

CSS

background: linear-gradient(90deg, #ffa500, #ffb146, #ffbd68, #ffc885, #ffd49f, #ffdfb7, #ffead0, #fff4e7, #ffffff);
background: linear-gradient(90deg in oklab, #ffa500, #ffffff);

Tailwind CSS v4

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

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

7

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

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

मिलाने का स्पेसग्रेडिएंट प्रीव्यूबीच का रंगलाइटनेसक्रोमा
OKLab#ffd49f89.6%0.086
OKLCH#ffd49f89.6%0.086
sRGB#ffd28088.5%0.113
LCH#ffd29189.5%0.101
HSL#dfc99f84.3%0.06

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

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

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

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

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

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

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

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