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

CSS ग्रेडिएंट जनरेटर

OKLab या OKLCH में स्मूद ग्रेडिएंट बनाएँ, RGB के धूसर बीच वाले हिस्से के बिना। CSS या Tailwind क्लास कॉपी करें।

रंग

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

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

प्रकार
90°

CSS

background: linear-gradient(90deg, #ff5733, #ec6659, #d87075, #c3788d, #ae7ea4, #9781b9, #7e83ce, #6183e2, #3b82f6);
background: linear-gradient(90deg in oklab, #ff5733, #3b82f6);

Tailwind CSS v4

bg-linear-90/oklab from-[#ff5733] to-[#3b82f6]

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

7