Xanh lá, hồng cánh sen và xám (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #5fc651, #7f8d10, #b4443d, #bb376f, #808080. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5fc651
#5dc350
#57be4f
#51b94e
#4fb34a
#53ac43
#5ea436
#6e9a24
#7f8d10
#8b800e
#92741e
#946a2c
#956335
#985d38
#9f5638
#a94e39
#b4443d
#bd3a46
#c23150
#c42d5b
#c32c62
#c12d67
#be316b
#bb376f
#b63e75
#af477c
#a65285
#9b5e8c
#906a8f
#87748c
#827b86
#808080

CSS

background: linear-gradient(90deg in oklch, oklch(74.02% 0.1833 141.33) 0.0%, oklch(73.04% 0.1812 141.44) 3.2%, oklch(71.71% 0.1787 142.25) 6.5%, oklch(70.12% 0.1755 142.95) 9.7%, oklch(68.39% 0.1715 142.72) 12.9%, oklch(66.61% 0.1664 140.77) 16.1%, oklch(64.89% 0.1599 136.26) 19.4%, oklch(63.17% 0.1505 128.28) 22.6%, oklch(61.23% 0.1367 116.88) 25.8%, oklch(59.21% 0.1211 103.30) 29.0%, oklch(57.28% 0.1062 88.81) 32.3%, oklch(55.59% 0.0948 74.66) 35.5%, oklch(54.30% 0.0894 62.12) 38.7%, oklch(53.56% 0.0929 51.95) 41.9%, oklch(53.34% 0.1059 42.74) 45.2%, oklch(53.48% 0.1250 34.30) 48.4%, oklch(53.84% 0.1464 26.63) 51.6%, oklch(54.27% 0.1663 19.73) 54.8%, oklch(54.62% 0.1812 13.60) 58.1%, oklch(54.75% 0.1877 8.35) 61.3%, oklch(54.75% 0.1894 4.77) 64.5%, oklch(54.71% 0.1876 2.45) 67.7%, oklch(54.67% 0.1824 0.65) 71.0%, oklch(54.70% 0.1741 358.67) 74.2%, oklch(54.86% 0.1627 355.77) 77.4%, oklch(55.21% 0.1484 351.25) 80.6%, oklch(55.83% 0.1273 344.57) 83.9%, oklch(56.67% 0.1003 336.39) 87.1%, oklch(57.60% 0.0707 327.60) 90.3%, oklch(58.52% 0.0418 319.15) 93.5%, oklch(59.30% 0.0171 311.94) 96.8%, oklch(59.84% 0.0000 89.88) 100.0%);

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