Tím, đỏ nâu, xanh lá đậm và nâu (gradient tuyến tính)

Bảng màu Tím, đỏ nâu, xanh lá đậm và nâu

Gradient tuyến tính, 32 màu, góc 45°: #c23786, #882ba2, #784300, #2e4d1e, #2e2313. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c23786
#be3688
#b8348d
#b13393
#a8329a
#9f309f
#962fa3
#8e2da4
#882ba2
#86289d
#862394
#8b1e84
#91186d
#971450
#981a2c
#8d3000
#784300
#694c00
#5a5100
#4a5600
#39570d
#30561c
#2d521f
#2e4d1e
#31471a
#344016
#353912
#363310
#352d10
#332911
#302512
#2e2313

CSS

background: linear-gradient(45deg in oklch, oklch(56.69% 0.1902 350.16) 0.0%, oklch(56.06% 0.1902 347.88) 3.2%, oklch(55.22% 0.1906 343.89) 6.5%, oklch(54.21% 0.1914 338.80) 9.7%, oklch(53.08% 0.1921 333.21) 12.9%, oklch(51.88% 0.1927 327.71) 16.1%, oklch(50.65% 0.1929 322.90) 19.4%, oklch(49.43% 0.1925 319.40) 22.6%, oklch(48.27% 0.1914 317.79) 25.8%, oklch(47.22% 0.1893 318.68) 29.0%, oklch(46.32% 0.1860 322.67) 32.3%, oklch(45.61% 0.1814 330.70) 35.5%, oklch(45.08% 0.1752 343.65) 38.7%, oklch(44.68% 0.1678 0.48) 41.9%, oklch(44.37% 0.1595 20.04) 45.2%, oklch(44.10% 0.1354 41.11) 48.4%, oklch(43.84% 0.1003 62.66) 51.6%, oklch(43.53% 0.0894 83.50) 54.8%, oklch(43.14% 0.0905 102.46) 58.1%, oklch(42.62% 0.0996 118.37) 61.3%, oklch(41.92% 0.1044 130.05) 64.5%, oklch(41.00% 0.0967 136.46) 67.7%, oklch(39.80% 0.0891 138.09) 71.0%, oklch(38.36% 0.0814 135.92) 74.2%, oklch(36.74% 0.0737 130.73) 77.4%, oklch(35.02% 0.0662 123.30) 80.6%, oklch(33.27% 0.0589 114.43) 83.9%, oklch(31.55% 0.0521 104.89) 87.1%, oklch(29.93% 0.0458 95.47) 90.3%, oklch(28.49% 0.0402 86.95) 93.5%, oklch(27.28% 0.0355 80.11) 96.8%, oklch(26.38% 0.0317 75.75) 100.0%);

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

Bụi mâm xôi đen

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