CSS 그라데이션 생성기
RGB에서 생기는 회색 구간 없이 OKLab이나 OKLCH로 부드러운 그라데이션을 만드세요. 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]