Xám, xanh xám, nâu và xanh cổ vịt (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 225°: #432c2e, #7fa0a6, #7f6c6a, #a8c561, #587380. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #432c2e
- #473034
- #4b343b
- #503a45
- #54414f
- #59495b
- #5c5166
- #605b72
- #63657c
- #656f86
- #69798e
- #6c8394
- #708b9a
- #75939e
- #7999a1
- #7d9da4
- #7fa0a6
- #81a0a8
- #829fa9
- #839da8
- #8499a6
- #8494a3
- #848f9f
- #848999
- #838392
- #827e8b
- #807984
- #7e757e
- #7d7178
- #7c6e73
- #7b6d6f
- #7c6c6c
- #7f6c6a
- #836e69
- #897167
- #917466
- #987964
- #a07f61
- #a8855f
- #af8c5c
- #b59458
- #ba9c55
- #bda453
- #beac52
- #bcb452
- #b8ba55
- #b2c05a
- #a8c561
- #9cc76a
- #8ec874
- #7fc77e
- #6fc487
- #62bf8f
- #56b995
- #4fb29a
- #4baa9c
- #4ba19c
- #4d999a
- #509097
- #528993
- #55818d
- #577b88
- #587784
- #587380
CSS
background: linear-gradient(225deg in oklch, oklch(32.28% 0.0344 13.36) 0.0%, oklch(33.65% 0.0346 6.97) 1.6%, oklch(35.45% 0.0348 358.32) 3.2%, oklch(37.59% 0.0351 347.78) 4.8%, oklch(40.03% 0.0354 335.74) 6.3%, oklch(42.70% 0.0357 322.57) 7.9%, oklch(45.53% 0.0361 308.66) 9.5%, oklch(48.45% 0.0365 294.38) 11.1%, oklch(51.40% 0.0368 280.11) 12.7%, oklch(54.32% 0.0371 266.24) 14.3%, oklch(57.14% 0.0374 253.13) 15.9%, oklch(59.79% 0.0376 241.17) 17.5%, oklch(62.21% 0.0377 230.73) 19.0%, oklch(64.33% 0.0378 222.21) 20.6%, oklch(66.09% 0.0377 215.96) 22.2%, oklch(67.43% 0.0375 212.38) 23.8%, oklch(68.27% 0.0371 211.83) 25.4%, oklch(68.60% 0.0362 214.22) 27.0%, oklch(68.46% 0.0349 219.16) 28.6%, oklch(67.93% 0.0331 226.36) 30.2%, oklch(67.06% 0.0311 235.52) 31.7%, oklch(65.94% 0.0289 246.31) 33.3%, oklch(64.61% 0.0266 258.45) 34.9%, oklch(63.15% 0.0243 271.62) 36.5%, oklch(61.63% 0.0222 285.51) 38.1%, oklch(60.10% 0.0204 299.82) 39.7%, oklch(58.64% 0.0189 314.24) 41.3%, oklch(57.32% 0.0179 328.46) 42.9%, oklch(56.18% 0.0174 342.18) 44.4%, oklch(55.31% 0.0177 355.09) 46.0%, oklch(54.77% 0.0187 6.88) 47.6%, oklch(54.63% 0.0207 17.26) 49.2%, oklch(54.94% 0.0238 26.07) 50.8%, oklch(55.70% 0.0284 34.20) 52.4%, oklch(56.86% 0.0345 41.85) 54.0%, oklch(58.33% 0.0418 49.08) 55.6%, oklch(60.07% 0.0500 55.94) 57.1%, oklch(62.00% 0.0589 62.48) 58.7%, oklch(64.07% 0.0683 68.77) 60.3%, oklch(66.20% 0.0778 74.86) 61.9%, oklch(68.33% 0.0873 80.79) 63.5%, oklch(70.41% 0.0964 86.62) 65.1%, oklch(72.35% 0.1050 92.42) 66.7%, oklch(74.11% 0.1128 98.23) 68.3%, oklch(75.61% 0.1195 104.10) 69.8%, oklch(76.79% 0.1249 110.10) 71.4%, oklch(77.59% 0.1287 116.27) 73.0%, oklch(77.94% 0.1307 122.68) 74.6%, oklch(77.80% 0.1307 129.40) 76.2%, oklch(77.23% 0.1289 136.50) 77.8%, oklch(76.27% 0.1254 143.91) 79.4%, oklch(74.98% 0.1206 151.54) 81.0%, oklch(73.42% 0.1146 159.31) 82.5%, oklch(71.65% 0.1076 167.14) 84.1%, oklch(69.71% 0.1000 174.93) 85.7%, oklch(67.66% 0.0919 182.61) 87.3%, oklch(65.56% 0.0835 190.10) 88.9%, oklch(63.46% 0.0752 197.31) 90.5%, oklch(61.41% 0.0670 204.15) 92.1%, oklch(59.48% 0.0593 210.55) 93.7%, oklch(57.71% 0.0522 216.41) 95.2%, oklch(56.16% 0.0460 221.67) 96.8%, oklch(54.88% 0.0409 226.22) 98.4%, oklch(53.94% 0.0372 229.99) 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
