Đỏ, nâu và xám (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #a7312b, #bb5035, #b16e4d, #a18666, #ab9c7d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

5 keyframe OKLCH chỉnh sửa được.

#a7312b
#a9332b
#ac372c
#af3a2d
#b23e2f
#b54330
#b84732
#ba4c33
#bb5035
#bb5438
#bb583a
#ba5c3e
#b86041
#b76345
#b56748
#b36b4b
#b16e4d
#af7250
#ac7653
#a97956
#a77d5a
#a4805e
#a28362
#a18666
#a18969
#a18c6d
#a38f70
#a59273
#a69576
#a89879
#aa9a7b
#ab9c7d

CSS

background: linear-gradient(90deg in oklch, oklch(49.21% 0.1557 27.42) 0.0%, oklch(49.80% 0.1552 27.99) 3.2%, oklch(50.62% 0.1548 28.73) 6.5%, oklch(51.59% 0.1543 29.60) 9.7%, oklch(52.65% 0.1536 30.59) 12.9%, oklch(53.73% 0.1525 31.66) 16.1%, oklch(54.77% 0.1509 32.79) 19.4%, oklch(55.71% 0.1485 33.95) 22.6%, oklch(56.47% 0.1451 35.10) 25.8%, oklch(57.12% 0.1408 36.17) 29.0%, oklch(57.68% 0.1355 37.18) 32.3%, oklch(58.19% 0.1295 38.22) 35.5%, oklch(58.66% 0.1231 39.36) 38.7%, oklch(59.11% 0.1165 40.69) 41.9%, oklch(59.55% 0.1099 42.30) 45.2%, oklch(60.00% 0.1036 44.25) 48.4%, oklch(60.47% 0.0976 46.67) 51.6%, oklch(60.91% 0.0912 49.69) 54.8%, oklch(61.33% 0.0846 53.18) 58.1%, oklch(61.73% 0.0780 56.95) 61.3%, oklch(62.15% 0.0716 60.81) 64.5%, oklch(62.59% 0.0656 64.59) 67.7%, oklch(63.08% 0.0603 68.09) 71.0%, oklch(63.63% 0.0560 71.14) 74.2%, oklch(64.28% 0.0528 73.69) 77.4%, oklch(65.07% 0.0506 76.04) 80.6%, oklch(65.94% 0.0491 78.17) 83.9%, oklch(66.84% 0.0482 80.10) 87.1%, oklch(67.72% 0.0477 81.81) 90.3%, oklch(68.52% 0.0475 83.29) 93.5%, oklch(69.19% 0.0472 84.53) 96.8%, oklch(69.69% 0.0469 85.54) 100.0%);

Trong các bộ sưu tập này

Giàn cà chua sai quả

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động