Nâu, xanh lá, cam và xanh cổ vịt tông rực rỡ (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #a04e2c, #6fb072, #ba9700, #b86b00, #00808b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #a04e2c
- #a15129
- #a25525
- #a25a20
- #a25f1a
- #a26515
- #a06c12
- #9e7413
- #9b7b19
- #978322
- #928a2d
- #8d9239
- #879945
- #819f51
- #7aa55d
- #74ab68
- #6fb072
- #6ab47b
- #66b782
- #63ba88
- #60bc8c
- #60bd8e
- #60be8c
- #63be89
- #67bd82
- #6ebc79
- #77ba6d
- #81b65f
- #8db24f
- #99ad3d
- #a5a626
- #b19f00
- #ba9700
- #c29000
- #c88800
- #ce8000
- #d47700
- #d96e00
- #dc6711
- #dc611f
- #dc5d26
- #db5a29
- #d95926
- #d6591f
- #d35a0d
- #cc5f00
- #c26500
- #b86b00
- #ae7000
- #a47400
- #997800
- #8d7c00
- #808000
- #6f840b
- #5d872c
- #498941
- #358a51
- #1e895f
- #00886b
- #008675
- #00847d
- #008382
- #008187
- #00808b
CSS
background: linear-gradient(135deg in oklch, oklch(51.97% 0.1185 42.19) 0.0%, oklch(52.55% 0.1183 45.50) 1.6%, oklch(53.27% 0.1180 49.76) 3.2%, oklch(54.13% 0.1176 54.86) 4.8%, oklch(55.10% 0.1171 60.69) 6.3%, oklch(56.17% 0.1165 67.12) 7.9%, oklch(57.33% 0.1158 74.05) 9.5%, oklch(58.54% 0.1151 81.37) 11.1%, oklch(59.81% 0.1144 88.94) 12.7%, oklch(61.10% 0.1138 96.67) 14.3%, oklch(62.41% 0.1131 104.44) 15.9%, oklch(63.72% 0.1125 112.13) 17.5%, oklch(65.00% 0.1120 119.62) 19.0%, oklch(66.25% 0.1116 126.81) 20.6%, oklch(67.44% 0.1113 133.58) 22.2%, oklch(68.56% 0.1112 139.81) 23.8%, oklch(69.59% 0.1112 145.38) 25.4%, oklch(70.52% 0.1113 150.20) 27.0%, oklch(71.32% 0.1117 154.13) 28.6%, oklch(71.99% 0.1124 157.06) 30.2%, oklch(72.50% 0.1132 158.89) 31.7%, oklch(72.83% 0.1144 159.49) 33.3%, oklch(73.01% 0.1159 158.61) 34.9%, oklch(73.04% 0.1180 156.18) 36.5%, oklch(72.94% 0.1206 152.36) 38.1%, oklch(72.73% 0.1235 147.34) 39.7%, oklch(72.41% 0.1268 141.27) 41.3%, oklch(72.00% 0.1304 134.33) 42.9%, oklch(71.51% 0.1341 126.69) 44.4%, oklch(70.94% 0.1380 118.51) 46.0%, oklch(70.32% 0.1420 109.96) 47.6%, oklch(69.64% 0.1454 101.20) 49.2%, oklch(68.93% 0.1411 92.42) 50.8%, oklch(68.19% 0.1400 83.77) 52.4%, oklch(67.44% 0.1420 75.43) 54.0%, oklch(66.68% 0.1468 67.57) 55.6%, oklch(65.93% 0.1541 60.35) 57.1%, oklch(65.20% 0.1635 53.95) 58.7%, oklch(64.50% 0.1688 48.55) 60.3%, oklch(63.83% 0.1706 44.29) 61.9%, oklch(63.22% 0.1718 41.34) 63.5%, oklch(62.68% 0.1724 39.88) 65.1%, oklch(62.20% 0.1722 40.07) 66.7%, oklch(61.77% 0.1714 41.96) 68.3%, oklch(61.34% 0.1698 45.37) 69.8%, oklch(60.91% 0.1607 50.12) 71.4%, oklch(60.47% 0.1478 56.13) 73.0%, oklch(60.05% 0.1367 63.21) 74.6%, oklch(59.62% 0.1282 71.24) 76.2%, oklch(59.20% 0.1226 80.05) 77.8%, oklch(58.79% 0.1201 89.51) 79.4%, oklch(58.39% 0.1212 99.48) 81.0%, oklch(57.99% 0.1264 109.79) 82.5%, oklch(57.61% 0.1341 120.31) 84.1%, oklch(57.24% 0.1290 130.89) 85.7%, oklch(56.89% 0.1240 141.39) 87.3%, oklch(56.55% 0.1191 151.66) 88.9%, oklch(56.22% 0.1144 161.55) 90.5%, oklch(55.92% 0.1096 170.92) 92.1%, oklch(55.64% 0.1012 179.63) 93.7%, oklch(55.38% 0.0965 187.54) 95.2%, oklch(55.14% 0.0942 194.49) 96.8%, oklch(54.92% 0.0934 200.33) 98.4%, oklch(54.73% 0.0934 204.93) 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
