CSSグラデーションジェネレーター
OKLabやOKLCHで、RGB特有の灰色にくすむ部分のないなめらかなグラデーションを作成。CSSやTailwindのクラスをコピーできます。
色
補間する色空間
OKLabは中間を明るく保ちます。sRGBは古いブラウザの補間方法で、中間が灰色っぽくなりがちです。
種類
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]