Nâu, xám, hồng và tím (tương đồng) (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 45°: #42220e, #e7c4c9, #a44761, #7e7484, #bd585c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #42220e
- #492816
- #523121
- #5e3c2e
- #6b493d
- #79574d
- #88665f
- #987671
- #a78683
- #b69594
- #c4a4a4
- #d0b0b2
- #dababd
- #e2c1c5
- #e7c4c9
- #eac3ca
- #eabfc7
- #e8b8c1
- #e5aeb8
- #e0a3ae
- #da97a3
- #d38a96
- #cb7c8a
- #c46f7e
- #bc6374
- #b4596b
- #ae5065
- #a84a61
- #a44761
- #a04764
- #9c4868
- #974b6d
- #924f73
- #8e5478
- #8a5a7c
- #865f80
- #836482
- #806983
- #7f6d84
- #7e7084
- #7e7384
- #7e7484
- #7f7485
- #817486
- #847388
- #887289
- #8d708a
- #936d89
- #996a87
- #a06783
- #a7647e
- #ad6177
- #b25e70
- #b75c68
- #ba5a61
- #bd585c
CSS
background: linear-gradient(45deg in oklch, oklch(29.13% 0.0579 50.63) 0.0%, oklch(31.67% 0.0569 48.77) 1.8%, oklch(35.09% 0.0553 46.36) 3.6%, oklch(39.24% 0.0532 43.47) 5.5%, oklch(43.94% 0.0509 40.21) 7.3%, oklch(49.04% 0.0483 36.68) 9.1%, oklch(54.37% 0.0458 32.95) 10.9%, oklch(59.75% 0.0433 29.14) 12.7%, oklch(65.03% 0.0410 25.34) 14.5%, oklch(70.04% 0.0392 21.64) 16.4%, oklch(74.61% 0.0379 18.13) 18.2%, oklch(78.58% 0.0372 14.92) 20.0%, oklch(81.78% 0.0374 12.09) 21.8%, oklch(84.05% 0.0384 9.74) 23.6%, oklch(85.22% 0.0406 7.97) 25.5%, oklch(85.30% 0.0445 6.84) 27.3%, oklch(84.44% 0.0501 6.28) 29.1%, oklch(82.78% 0.0569 6.17) 30.9%, oklch(80.46% 0.0648 6.41) 32.7%, oklch(77.64% 0.0733 6.90) 34.5%, oklch(74.44% 0.0821 7.54) 36.4%, oklch(71.02% 0.0910 8.21) 38.2%, oklch(67.51% 0.0995 8.81) 40.0%, oklch(64.07% 0.1073 9.24) 41.8%, oklch(60.83% 0.1141 9.40) 43.6%, oklch(57.93% 0.1196 9.17) 45.5%, oklch(55.53% 0.1235 8.46) 47.3%, oklch(53.75% 0.1253 7.15) 49.1%, oklch(52.70% 0.1248 5.10) 50.9%, oklch(52.07% 0.1216 2.04) 52.7%, oklch(51.78% 0.1161 358.11) 54.5%, oklch(51.77% 0.1086 353.50) 56.4%, oklch(52.00% 0.0997 348.40) 58.2%, oklch(52.43% 0.0899 343.03) 60.0%, oklch(53.00% 0.0794 337.56) 61.8%, oklch(53.68% 0.0688 332.20) 63.6%, oklch(54.42% 0.0586 327.15) 65.5%, oklch(55.18% 0.0491 322.60) 67.3%, oklch(55.90% 0.0408 318.75) 69.1%, oklch(56.55% 0.0342 315.78) 70.9%, oklch(57.07% 0.0296 313.91) 72.7%, oklch(57.42% 0.0276 313.33) 74.5%, oklch(57.62% 0.0284 314.22) 76.4%, oklch(57.79% 0.0316 316.56) 78.2%, oklch(57.94% 0.0368 320.14) 80.0%, oklch(58.06% 0.0437 324.75) 81.8%, oklch(58.17% 0.0520 330.17) 83.6%, oklch(58.26% 0.0612 336.18) 85.5%, oklch(58.33% 0.0712 342.57) 87.3%, oklch(58.40% 0.0814 349.13) 89.1%, oklch(58.45% 0.0915 355.65) 90.9%, oklch(58.50% 0.1013 1.90) 92.7%, oklch(58.54% 0.1104 7.67) 94.5%, oklch(58.58% 0.1183 12.75) 96.4%, oklch(58.62% 0.1248 16.93) 98.2%, oklch(58.66% 0.1295 19.98) 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
