Tạo gradient CSS
Tạo gradient mượt trong OKLab hoặc OKLCH, không bị vùng xám đục như RGB. Sao chép CSS hoặc class Tailwind.
Màu
Trộn trong
OKLab giữ phần giữa tươi sáng. sRGB là cách trình duyệt cũ trộn màu và phần giữa thường bị xám.
Kiểu
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]Các màu dọc theo gradient
Gradient phổ biến
- Gradient từ xanh dương sang tím
- Gradient từ hồng sang cam
- Gradient từ tím sang hồng
- Gradient từ xanh mòng két sang xanh dương
- Gradient từ cam sang vàng
- Gradient từ xanh navy sang xanh mòng két
- Gradient từ đỏ sang cam
- Gradient từ xanh lá sang xanh dương
- Gradient từ đen sang trắng
- Gradient từ hồng san hô sang vàng kim
- Gradient từ xanh lơ sang hồng cánh sen
- Gradient từ tím violet sang xanh dương