Tím, xanh dương, xanh lá và nâu (gradient tuyến tính)

Bảng màu Tím, xanh dương, xanh lá và nâu

Gradient tuyến tính, 32 màu, góc 270°: #662680, #5a57cc, #54bdb7, #74c55e, #8c6c46. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#662680
#652788
#632894
#602ba1
#5c31ae
#5a38b7
#5a41bf
#5a4cc6
#5a57cc
#5764d1
#5473d2
#5482d0
#578fcc
#5b9cc9
#59a7c6
#54b2c1
#54bdb7
#5ec4a9
#69c89b
#6ecb8f
#6ecd82
#6ccd76
#6fcb69
#74c55e
#75be57
#76b452
#7baa4b
#839e40
#8d8f38
#928039
#907440
#8c6c46

CSS

background: linear-gradient(270deg in oklch, oklch(40.55% 0.1516 314.30) 0.0%, oklch(41.13% 0.1583 310.47) 3.2%, oklch(41.90% 0.1684 304.96) 6.5%, oklch(42.92% 0.1787 298.82) 9.7%, oklch(44.23% 0.1860 293.10) 12.9%, oklch(45.86% 0.1880 288.80) 16.1%, oklch(47.86% 0.1869 285.78) 19.4%, oklch(50.12% 0.1830 283.04) 22.6%, oklch(52.56% 0.1762 279.55) 25.8%, oklch(55.09% 0.1665 274.32) 29.0%, oklch(57.88% 0.1503 267.82) 32.3%, oklch(60.88% 0.1294 260.33) 35.5%, oklch(63.87% 0.1092 251.41) 38.7%, oklch(66.62% 0.0947 240.64) 41.9%, oklch(69.04% 0.0895 226.82) 45.2%, oklch(71.36% 0.0909 209.13) 48.4%, oklch(73.44% 0.0966 190.38) 51.6%, oklch(75.12% 0.1044 173.50) 54.8%, oklch(76.25% 0.1128 161.36) 58.1%, oklch(76.89% 0.1251 153.87) 61.3%, oklch(77.09% 0.1399 149.24) 64.5%, oklch(76.84% 0.1531 145.99) 67.7%, oklch(76.13% 0.1608 142.62) 71.0%, oklch(74.84% 0.1607 139.34) 74.2%, oklch(72.95% 0.1553 137.42) 77.4%, oklch(70.68% 0.1464 135.24) 80.6%, oklch(68.28% 0.1357 131.12) 83.9%, oklch(65.87% 0.1245 123.22) 87.1%, oklch(63.02% 0.1096 110.26) 90.3%, oklch(60.02% 0.0930 95.04) 93.5%, oklch(57.36% 0.0779 80.91) 96.8%, oklch(55.51% 0.0675 71.24) 100.0%);

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

Gradient nhiều màu

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