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

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

Gradient tuyến tính, 40 màu, góc 45°: #f0a34f, #039694, #8dbb90, #8bc4aa, #ffcca9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f0a34f
#e4a445
#d2a63c
#b9a93c
#9baa47
#7aa959
#58a66b
#36a27b
#179d88
#009890
#039694
#169796
#259996
#359e95
#44a393
#54a891
#64ad8f
#73b28e
#7fb68d
#89b98e
#8dbb90
#8fbd93
#8fbe97
#8dbf9b
#8bc09f
#88c0a3
#87c1a7
#86c2a9
#88c3aa
#8bc4aa
#91c6a8
#9bc8a4
#a8ca9f
#b7cc9a
#c7cd97
#d6cd96
#e5cd98
#f0cc9d
#f9cca3
#ffcca9

CSS

background: linear-gradient(45deg in oklch, oklch(77.56% 0.1350 65.39) 0.0%, oklch(76.40% 0.1332 73.97) 2.6%, oklch(74.74% 0.1307 86.07) 5.1%, oklch(72.71% 0.1278 100.70) 7.7%, oklch(70.47% 0.1246 116.92) 10.3%, oklch(68.17% 0.1211 133.74) 12.8%, oklch(65.96% 0.1175 150.20) 15.4%, oklch(63.98% 0.1138 165.33) 17.9%, oklch(62.40% 0.1103 178.17) 20.5%, oklch(61.36% 0.1068 187.74) 23.1%, oklch(61.01% 0.1040 193.11) 25.6%, oklch(61.36% 0.1010 194.32) 28.2%, oklch(62.28% 0.0980 192.20) 30.8%, oklch(63.65% 0.0950 187.50) 33.3%, oklch(65.33% 0.0921 181.00) 35.9%, oklch(67.20% 0.0892 173.44) 38.5%, oklch(69.12% 0.0864 165.59) 41.0%, oklch(70.97% 0.0839 158.20) 43.6%, oklch(72.61% 0.0815 152.04) 46.2%, oklch(73.92% 0.0795 147.87) 48.7%, oklch(74.80% 0.0777 146.34) 51.3%, oklch(75.38% 0.0762 147.17) 53.8%, oklch(75.76% 0.0749 149.70) 56.4%, oklch(75.99% 0.0737 153.34) 59.0%, oklch(76.12% 0.0728 157.48) 61.5%, oklch(76.22% 0.0721 161.53) 64.1%, oklch(76.33% 0.0714 164.88) 66.7%, oklch(76.53% 0.0710 166.93) 69.2%, oklch(76.86% 0.0706 167.08) 71.8%, oklch(77.39% 0.0703 164.72) 74.4%, oklch(78.16% 0.0702 159.22) 76.9%, oklch(79.16% 0.0703 150.57) 79.5%, oklch(80.32% 0.0707 139.50) 82.1%, oklch(81.59% 0.0712 126.76) 84.6%, oklch(82.91% 0.0717 113.10) 87.2%, oklch(84.22% 0.0724 99.25) 89.7%, oklch(85.46% 0.0730 85.96) 92.3%, oklch(86.57% 0.0736 73.98) 94.9%, oklch(87.50% 0.0741 64.06) 97.4%, oklch(88.19% 0.0744 56.94) 100.0%);

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

Xanh cổ vịt và cam

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