Xanh lá, tím và đỏ tông rực rỡ (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 225°: #37b265, #527c9a, #943f98, #bd2770, #c0333c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#37b265
#34ae6d
#3aa876
#41a07d
#479883
#4a9188
#4a8b8e
#4b8495
#527c9a
#5c739c
#666b9b
#6e639a
#755c9b
#7d559c
#844d9d
#8c469c
#943f98
#9c3a93
#a3368e
#a9328a
#af2f84
#b52c7e
#b92977
#bd2770
#c02668
#c32661
#c4275a
#c42953
#c42b4b
#c22e45
#c13140
#c0333c

CSS

background: linear-gradient(225deg in oklch, oklch(67.72% 0.1557 151.87) 0.0%, oklch(66.79% 0.1434 155.49) 3.2%, oklch(65.47% 0.1251 159.98) 6.5%, oklch(63.94% 0.1048 165.94) 9.7%, oklch(62.34% 0.0861 173.97) 12.9%, oklch(60.86% 0.0730 184.66) 16.1%, oklch(59.48% 0.0669 199.53) 19.4%, oklch(58.05% 0.0646 219.00) 22.6%, oklch(56.64% 0.0657 240.52) 25.8%, oklch(55.35% 0.0696 261.47) 29.0%, oklch(54.25% 0.0760 279.22) 32.3%, oklch(53.39% 0.0853 291.97) 35.5%, oklch(52.72% 0.0994 301.41) 38.7%, oklch(52.20% 0.1162 308.61) 41.9%, oklch(51.84% 0.1334 314.54) 45.2%, oklch(51.63% 0.1484 320.11) 48.4%, oklch(51.57% 0.1593 326.02) 51.6%, oklch(51.76% 0.1679 331.33) 54.8%, oklch(52.11% 0.1748 336.04) 58.1%, oklch(52.53% 0.1803 340.37) 61.3%, oklch(52.94% 0.1848 344.55) 64.5%, oklch(53.24% 0.1886 348.80) 67.7%, oklch(53.52% 0.1913 352.99) 71.0%, oklch(53.80% 0.1929 357.02) 74.2%, oklch(54.04% 0.1936 0.89) 77.4%, oklch(54.23% 0.1935 4.56) 80.6%, oklch(54.34% 0.1927 8.02) 83.9%, oklch(54.34% 0.1906 11.44) 87.1%, oklch(54.26% 0.1872 14.79) 90.3%, oklch(54.13% 0.1835 17.84) 93.5%, oklch(54.01% 0.1800 20.39) 96.8%, oklch(53.94% 0.1778 22.25) 100.0%);

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

Wasabi và tím mận kiểu editorial

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