Xám, xanh dương, xanh lá và tím (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 225°: #c5d4c5, #3c4d69, #568151, #346765, #614d6b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #c5d4c5
- #b5c8bb
- #9eb8af
- #85a3a1
- #6d8c94
- #5a7686
- #4d6278
- #43546e
- #3c4d69
- #354d6a
- #2b536e
- #1e5e70
- #166a6d
- #257566
- #3d7d5c
- #4f8154
- #568151
- #568050
- #517d52
- #4a7956
- #42755a
- #3b705e
- #366b61
- #346765
- #336469
- #35616e
- #3b5d72
- #445975
- #4e5575
- #565273
- #5d4f6f
- #614d6b
CSS
background: linear-gradient(225deg in oklch, oklch(85.43% 0.0262 145.55) 0.0%, oklch(81.55% 0.0281 156.56) 3.2%, oklch(75.92% 0.0305 173.08) 6.5%, oklch(69.20% 0.0334 192.87) 9.7%, oklch(62.02% 0.0367 213.64) 12.9%, oklch(55.04% 0.0403 233.15) 16.1%, oklch(48.90% 0.0441 249.12) 19.4%, oklch(44.25% 0.0480 259.31) 22.6%, oklch(41.72% 0.0520 261.43) 25.8%, oklch(41.35% 0.0570 254.16) 29.0%, oklch(42.61% 0.0630 239.52) 32.3%, oklch(44.99% 0.0693 220.11) 35.5%, oklch(47.99% 0.0755 198.52) 38.7%, oklch(51.08% 0.0810 177.37) 41.9%, oklch(53.76% 0.0852 159.24) 45.2%, oklch(55.53% 0.0877 146.75) 48.4%, oklch(55.98% 0.0880 141.80) 51.6%, oklch(55.60% 0.0857 141.56) 54.8%, oklch(54.66% 0.0816 144.82) 58.1%, oklch(53.34% 0.0763 150.96) 61.3%, oklch(51.81% 0.0703 159.32) 64.5%, oklch(50.27% 0.0645 169.28) 67.7%, oklch(48.88% 0.0594 180.18) 71.0%, oklch(47.83% 0.0557 191.38) 74.2%, oklch(47.17% 0.0537 203.57) 77.4%, oklch(46.66% 0.0526 219.02) 80.6%, oklch(46.27% 0.0522 236.65) 83.9%, oklch(45.97% 0.0523 255.23) 87.1%, oklch(45.75% 0.0527 273.55) 90.3%, oklch(45.57% 0.0532 290.37) 93.5%, oklch(45.42% 0.0536 304.47) 96.8%, oklch(45.28% 0.0537 314.63) 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
