Xám, xanh cổ vịt, xanh hải quân và hồng (gradient tuyến tính)
Gradient tuyến tính, 40 màu, góc 45°: #b3b88e, #10294a, #163b47, #d6c099, #e67299. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #b3b88e
- #a3b088
- #8ca580
- #719779
- #548674
- #38746f
- #216269
- #124f61
- #0e3f59
- #0f3250
- #10294a
- #102444
- #102040
- #0f1e3d
- #0e1e3a
- #0d1f3a
- #0d223a
- #0d263b
- #0f2c3e
- #123242
- #163b47
- #1f474e
- #2e5757
- #426961
- #5a7b6b
- #748e75
- #909f80
- #abae8a
- #c3ba93
- #d6c099
- #e3c29b
- #edbf9b
- #f3b898
- #f7af95
- #f7a392
- #f59791
- #f28b91
- #ed8092
- #e97795
- #e67299
CSS
background: linear-gradient(45deg in oklch, oklch(76.77% 0.0565 112.50) 0.0%, oklch(73.59% 0.0573 121.97) 2.6%, oklch(69.18% 0.0586 135.18) 5.1%, oklch(63.87% 0.0601 151.14) 7.7%, oklch(57.97% 0.0618 168.83) 10.3%, oklch(51.81% 0.0635 187.26) 12.8%, oklch(45.70% 0.0651 205.43) 15.4%, oklch(39.97% 0.0664 222.33) 17.9%, oklch(34.93% 0.0673 236.97) 20.5%, oklch(30.90% 0.0677 248.33) 23.1%, oklch(28.18% 0.0674 255.51) 25.6%, oklch(26.28% 0.0662 259.77) 28.2%, oklch(24.92% 0.0642 261.97) 30.8%, oklch(24.12% 0.0618 262.25) 33.3%, oklch(23.85% 0.0589 260.75) 35.9%, oklch(24.10% 0.0560 257.65) 38.5%, oklch(24.87% 0.0531 253.07) 41.0%, oklch(26.14% 0.0506 247.18) 43.6%, oklch(27.92% 0.0485 240.13) 46.2%, oklch(30.18% 0.0472 232.05) 48.7%, oklch(33.07% 0.0466 222.82) 51.3%, oklch(37.30% 0.0462 210.93) 53.8%, oklch(42.66% 0.0458 196.69) 56.4%, oklch(48.80% 0.0457 180.70) 59.0%, oklch(55.36% 0.0459 163.60) 61.5%, oklch(61.97% 0.0467 145.98) 64.1%, oklch(68.27% 0.0482 128.47) 66.7%, oklch(73.91% 0.0504 111.68) 69.2%, oklch(78.52% 0.0537 96.23) 71.8%, oklch(81.74% 0.0580 82.74) 74.4%, oklch(83.36% 0.0639 71.18) 76.9%, oklch(83.69% 0.0718 60.32) 79.5%, oklch(82.98% 0.0815 50.13) 82.1%, oklch(81.48% 0.0922 40.65) 84.6%, oklch(79.44% 0.1034 31.91) 87.2%, oklch(77.10% 0.1146 23.94) 89.7%, oklch(74.71% 0.1253 16.78) 92.3%, oklch(72.51% 0.1350 10.46) 94.9%, oklch(70.76% 0.1430 5.02) 97.4%, oklch(69.69% 0.1488 0.48) 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
