Xanh cổ vịt, nâu vàng, cam và đỏ (gradient tuyến tính)

Bảng màu Xanh cổ vịt, nâu vàng, cam và đỏ

Gradient tuyến tính, 32 màu, góc 180°: #4b8a95, #95ae70, #de9c30, #ef6709, #c12810. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4b8a95
#4d8e94
#509492
#589b8e
#64a189
#72a683
#7faa7c
#8aac76
#95ae70
#9faf68
#a9b061
#b3af58
#bdad4f
#c7aa47
#cfa63e
#d7a237
#de9c30
#e4962a
#e98f26
#ec8922
#ee811d
#f07917
#f07010
#ef6709
#ed5e06
#ea5608
#e44d0c
#dd440e
#d53c0f
#cd3410
#c62d10
#c12810

CSS

background: linear-gradient(180deg in oklch, oklch(59.45% 0.0661 210.23) 0.0%, oklch(60.58% 0.0675 202.79) 3.2%, oklch(62.19% 0.0691 192.30) 6.5%, oklch(64.08% 0.0712 179.96) 9.7%, oklch(66.04% 0.0737 166.91) 12.9%, oklch(67.90% 0.0767 154.35) 16.1%, oklch(69.43% 0.0805 143.43) 19.4%, oklch(70.61% 0.0850 134.57) 22.6%, oklch(71.66% 0.0904 126.63) 25.8%, oklch(72.57% 0.0965 119.38) 29.0%, oklch(73.32% 0.1030 112.61) 32.3%, oklch(73.90% 0.1096 106.13) 35.5%, oklch(74.30% 0.1160 99.74) 38.7%, oklch(74.51% 0.1222 93.28) 41.9%, oklch(74.52% 0.1284 86.90) 45.2%, oklch(74.36% 0.1346 80.69) 48.4%, oklch(74.03% 0.1408 74.75) 51.6%, oklch(73.53% 0.1471 69.17) 54.8%, oklch(72.89% 0.1533 64.05) 58.1%, oklch(72.11% 0.1597 59.47) 61.3%, oklch(71.14% 0.1666 55.42) 64.5%, oklch(70.00% 0.1740 51.82) 67.7%, oklch(68.72% 0.1811 48.62) 71.0%, oklch(67.32% 0.1876 45.74) 74.2%, oklch(65.82% 0.1928 43.11) 77.4%, oklch(64.24% 0.1962 40.68) 80.6%, oklch(62.35% 0.1975 38.50) 83.9%, oklch(60.19% 0.1972 36.61) 87.1%, oklch(57.95% 0.1959 34.99) 90.3%, oklch(55.83% 0.1941 33.63) 93.5%, oklch(54.03% 0.1924 32.52) 96.8%, oklch(52.76% 0.1915 31.64) 100.0%);

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

Áp phích nhạc chảo thép

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