Xanh cổ vịt, xanh lá và vàng (tương đồng) (gradient tuyến tính)

Bảng màu Xanh cổ vịt, xanh lá và vàng (tương đồng)

Gradient tuyến tính, 32 màu, góc 45°: #014845, #088272, #38bb60, #a8d300, #e7ea21. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#014845
#014c48
#01524d
#025852
#046059
#05685f
#077066
#08796c
#088272
#078b77
#06937a
#039a7b
#01a17b
#05a878
#14af72
#26b56b
#38bb60
#4bbf53
#5dc444
#6ec730
#7ecb14
#8ecd00
#9cd000
#a8d300
#b3d700
#bdda00
#c6dd00
#cfe100
#d6e400
#dde608
#e3e81a
#e7ea21

CSS

background: linear-gradient(45deg in oklch, oklch(36.22% 0.0620 189.84) 0.0%, oklch(37.60% 0.0647 189.06) 3.2%, oklch(39.40% 0.0680 188.20) 6.5%, oklch(41.54% 0.0717 187.25) 9.7%, oklch(43.94% 0.0759 186.17) 12.9%, oklch(46.51% 0.0806 184.92) 16.1%, oklch(49.18% 0.0858 183.47) 19.4%, oklch(51.86% 0.0914 181.78) 22.6%, oklch(54.47% 0.0974 179.82) 25.8%, oklch(56.93% 0.1038 177.55) 29.0%, oklch(59.16% 0.1106 174.94) 32.3%, oklch(61.15% 0.1182 171.89) 35.5%, oklch(63.04% 0.1272 168.18) 38.7%, oklch(64.86% 0.1374 163.94) 41.9%, oklch(66.61% 0.1484 159.32) 45.2%, oklch(68.31% 0.1598 154.47) 48.4%, oklch(69.96% 0.1710 149.53) 51.6%, oklch(71.57% 0.1817 144.64) 54.8%, oklch(73.13% 0.1915 139.97) 58.1%, oklch(74.66% 0.1998 135.64) 61.3%, oklch(76.17% 0.2063 131.81) 64.5%, oklch(77.66% 0.2048 128.61) 67.7%, oklch(79.18% 0.2010 125.78) 71.0%, oklch(80.72% 0.1986 123.22) 74.2%, oklch(82.25% 0.1972 120.93) 77.4%, oklch(83.74% 0.1966 118.87) 80.6%, oklch(85.18% 0.1965 117.03) 83.9%, oklch(86.52% 0.1967 115.40) 87.1%, oklch(87.76% 0.1972 113.96) 90.3%, oklch(88.86% 0.1968 112.69) 93.5%, oklch(89.80% 0.1943 111.57) 96.8%, oklch(90.55% 0.1929 110.59) 100.0%);

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

Sọc màu neon Gradient neon

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