Nâu, cam, xanh lá và xanh cổ vịt (gradient tuyến tính)

Bảng màu Nâu, cam, xanh lá và xanh cổ vịt

Gradient tuyến tính, 32 màu, góc 45°: #320003, #da712a, #ffe3a1, #afd490, #004442. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#320003
#3e0505
#4e0f0a
#621c10
#792a17
#923b1d
#ab4d23
#c45f27
#da712a
#ed832b
#fc932d
#ffa445
#ffb560
#ffc476
#ffd089
#ffdb98
#ffe3a1
#ffe9a1
#ffed91
#f8ef8c
#ebef92
#dceb95
#c8e294
#afd490
#94c28a
#78ae81
#5d9976
#45836a
#2f6f5e
#1c5d53
#0b4f49
#004442

CSS

background: linear-gradient(45deg in oklch, oklch(20.08% 0.0813 24.61) 0.0%, oklch(23.53% 0.0867 26.59) 3.2%, oklch(28.18% 0.0944 29.03) 6.5%, oklch(33.75% 0.1037 31.88) 9.7%, oklch(39.98% 0.1141 35.08) 12.9%, oklch(46.59% 0.1249 38.59) 16.1%, oklch(53.32% 0.1356 42.37) 19.4%, oklch(59.89% 0.1455 46.35) 22.6%, oklch(66.03% 0.1540 50.50) 25.8%, oklch(71.47% 0.1606 54.76) 29.0%, oklch(75.94% 0.1647 59.09) 32.3%, oklch(79.44% 0.1515 63.47) 35.5%, oklch(82.70% 0.1329 67.97) 38.7%, oklch(85.70% 0.1168 72.63) 41.9%, oklch(88.37% 0.1035 77.44) 45.2%, oklch(90.62% 0.0937 82.42) 48.4%, oklch(92.37% 0.0891 87.59) 51.6%, oklch(93.55% 0.0930 92.95) 54.8%, oklch(94.08% 0.1145 98.51) 58.1%, oklch(93.89% 0.1216 104.29) 61.3%, oklch(92.89% 0.1153 110.29) 64.5%, oklch(90.95% 0.1099 116.59) 67.7%, oklch(87.49% 0.1045 123.72) 71.0%, oklch(82.63% 0.0989 131.61) 74.2%, oklch(76.72% 0.0932 140.02) 77.4%, oklch(70.10% 0.0874 148.66) 80.6%, oklch(63.12% 0.0818 157.27) 83.9%, oklch(56.14% 0.0765 165.58) 87.1%, oklch(49.49% 0.0716 173.33) 90.3%, oklch(43.52% 0.0672 180.25) 93.5%, oklch(38.59% 0.0635 186.07) 96.8%, oklch(35.05% 0.0604 190.52) 100.0%);

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

Gradient nhiều màu

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