Be, tím, xanh lá nhạt và xanh dương (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 135°: #f2d7bc, #bacf54, #703e76, #cad7a1, #5b7e8b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #f2d7bc
- #f2d6b3
- #f1d7a6
- #ecd998
- #e1dc8b
- #d3df81
- #c3df78
- #b9db6b
- #bacf54
- #c6b82b
- #d19600
- #cf712d
- #bc5452
- #9e4469
- #823d74
- #703b76
- #703e76
- #804776
- #995674
- #b56d71
- #ca8b70
- #d4aa78
- #d2c68c
- #cad7a1
- #bcdbae
- #aad6b5
- #97cab5
- #86b9b0
- #76a7a6
- #69969c
- #608792
- #5b7e8b
CSS
background: linear-gradient(135deg in oklch, oklch(89.37% 0.0469 67.50) 0.0%, oklch(89.03% 0.0560 73.26) 3.2%, oklch(88.81% 0.0694 82.60) 6.5%, oklch(88.57% 0.0854 93.82) 9.7%, oklch(88.15% 0.1025 105.20) 12.9%, oklch(87.38% 0.1190 115.05) 16.1%, oklch(86.13% 0.1334 121.67) 19.4%, oklch(84.23% 0.1441 123.34) 22.6%, oklch(81.48% 0.1497 118.26) 25.8%, oklch(77.02% 0.1504 103.27) 29.0%, oklch(71.08% 0.1471 80.18) 32.3%, oklch(64.39% 0.1420 52.46) 35.5%, oklch(57.65% 0.1347 23.49) 38.7%, oklch(51.59% 0.1265 356.71) 41.9%, oklch(46.93% 0.1186 335.54) 45.2%, oklch(44.36% 0.1116 323.42) 48.4%, oklch(44.67% 0.1064 323.34) 51.6%, oklch(48.21% 0.1013 333.89) 54.8%, oklch(54.12% 0.0963 352.44) 58.1%, oklch(61.46% 0.0913 16.53) 61.3%, oklch(69.23% 0.0864 43.69) 64.5%, oklch(76.47% 0.0817 71.47) 67.7%, oklch(82.22% 0.0771 97.41) 71.0%, oklch(85.50% 0.0727 119.06) 74.2%, oklch(85.71% 0.0685 136.07) 77.4%, oklch(83.54% 0.0642 152.31) 80.6%, oklch(79.67% 0.0600 167.73) 83.9%, oklch(74.73% 0.0560 182.10) 87.1%, oklch(69.36% 0.0523 195.15) 90.3%, oklch(64.20% 0.0490 206.64) 93.5%, oklch(59.90% 0.0462 216.30) 96.8%, oklch(57.09% 0.0441 223.90) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
