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

बैंगनी से पीला ग्रेडिएंट

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

रंग

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

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

प्रकार
90°

CSS

background: linear-gradient(90deg, #800080, #903882, #a15881, #b1747f, #c1907a, #d0ac71, #e0c762, #f0e34a, #ffff00);
background: linear-gradient(90deg in oklab, #800080, #ffff00);

Tailwind CSS v4

bg-linear-90/oklab from-[#800080] to-[#ffff00]

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

7

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

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

मिलाने का स्पेसग्रेडिएंट प्रीव्यूबीच का रंगलाइटनेसक्रोमा
OKLab#c1907a69.4%0.067
OKLCH#ff632869.4%0.202
sRGB#c0804065.2%0.112
LCH#ff5b5270.5%0.215
HSL#c0000050.6%0.208

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

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

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

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

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

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

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

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