Xanh lá, xanh cổ vịt, xanh dương và vàng mù tạt (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #87b772, #2b808a, #355071, #008675, #d0a10e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #87b772
- #82b673
- #7cb475
- #74b278
- #6caf7a
- #63ac7d
- #5aa880
- #51a482
- #48a085
- #3f9b87
- #389689
- #32918a
- #2e8b8b
- #2c868b
- #2b808a
- #2c7a89
- #2e7488
- #306f85
- #316a83
- #336580
- #34617d
- #365d7b
- #365978
- #375676
- #375473
- #375272
- #365171
- #365071
- #355071
- #335172
- #315373
- #2f5575
- #2c5877
- #275c79
- #22607b
- #1a657d
- #106a7e
- #016f7e
- #00757d
- #007a7b
- #008079
- #008675
- #188c70
- #2c906a
- #3f9562
- #50985a
- #619b52
- #729e48
- #82a03f
- #91a135
- #9fa12b
- #aca222
- #b7a21a
- #c1a113
- #caa10f
- #d0a10e
CSS
background: linear-gradient(135deg in oklch, oklch(72.83% 0.1089 136.41) 0.0%, oklch(72.21% 0.1079 138.87) 1.8%, oklch(71.43% 0.1067 141.97) 3.6%, oklch(70.52% 0.1052 145.63) 5.5%, oklch(69.48% 0.1035 149.81) 7.3%, oklch(68.34% 0.1016 154.44) 9.1%, oklch(67.11% 0.0996 159.47) 10.9%, oklch(65.79% 0.0974 164.83) 12.7%, oklch(64.40% 0.0951 170.48) 14.5%, oklch(62.96% 0.0927 176.35) 16.4%, oklch(61.48% 0.0902 182.38) 18.2%, oklch(59.96% 0.0877 188.53) 20.0%, oklch(58.43% 0.0852 194.72) 21.8%, oklch(56.90% 0.0827 200.90) 23.6%, oklch(55.38% 0.0803 207.01) 25.5%, oklch(53.88% 0.0779 213.00) 27.3%, oklch(52.42% 0.0755 218.81) 29.1%, oklch(51.01% 0.0733 224.37) 30.9%, oklch(49.66% 0.0713 229.64) 32.7%, oklch(48.39% 0.0694 234.55) 34.5%, oklch(47.21% 0.0677 239.05) 36.4%, oklch(46.13% 0.0662 243.07) 38.2%, oklch(45.16% 0.0649 246.56) 40.0%, oklch(44.33% 0.0639 249.47) 41.8%, oklch(43.63% 0.0632 251.73) 43.6%, oklch(43.10% 0.0628 253.28) 45.5%, oklch(42.73% 0.0628 254.07) 47.3%, oklch(42.54% 0.0631 254.05) 49.1%, oklch(42.55% 0.0638 253.13) 50.9%, oklch(42.75% 0.0649 251.29) 52.7%, oklch(43.13% 0.0665 248.58) 54.5%, oklch(43.69% 0.0684 245.05) 56.4%, oklch(44.40% 0.0707 240.78) 58.2%, oklch(45.25% 0.0733 235.83) 60.0%, oklch(46.23% 0.0761 230.27) 61.8%, oklch(47.32% 0.0792 224.16) 63.6%, oklch(48.52% 0.0826 217.56) 65.5%, oklch(49.81% 0.0861 210.54) 67.3%, oklch(51.18% 0.0872 203.18) 69.1%, oklch(52.61% 0.0897 195.51) 70.9%, oklch(54.09% 0.0942 187.62) 72.7%, oklch(55.60% 0.1012 179.58) 74.5%, oklch(57.13% 0.1056 171.44) 76.4%, oklch(58.68% 0.1096 163.28) 78.2%, oklch(60.23% 0.1137 155.15) 80.0%, oklch(61.76% 0.1176 147.12) 81.8%, oklch(63.25% 0.1215 139.26) 83.6%, oklch(64.71% 0.1252 131.63) 85.5%, oklch(66.11% 0.1289 124.30) 87.3%, oklch(67.44% 0.1323 117.32) 89.1%, oklch(68.69% 0.1355 110.78) 90.9%, oklch(69.84% 0.1385 104.73) 92.7%, oklch(70.88% 0.1412 99.23) 94.5%, oklch(71.81% 0.1436 94.36) 96.4%, oklch(72.59% 0.1457 90.17) 98.2%, oklch(73.23% 0.1474 86.74) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
