Tím, xanh dương, xanh cổ vịt và xám (gradient hình nón)

Tím, xanh dương, xanh cổ vịt và xám: bảng màu gồm 32 màu. #7f2d67, #343675, #004452, #457259, #f0dfbd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 4 keyframe OKLCH chỉnh sửa được.

#7f2d67
#7a2e6b
#732f6f
#6b3072
#613175
#563277
#4b3378
#403577
#343675
#293872
#1e3b6f
#113d6c
#003f69
#004060
#00415a
#004255
#004452
#004650
#004a4f
#004e4f
#00554f
#185c50
#2e6654
#457259
#5d8061
#768f6c
#8f9f79
#a8ae87
#bfbd96
#d3cba5
#e4d7b3
#f0dfbd

CSS

background: conic-gradient(from 210deg in oklch, oklch(43.70% 0.1323 341.02) 0.0%, oklch(43.19% 0.1302 336.27) 3.2%, oklch(42.46% 0.1275 330.17) 6.5%, oklch(41.57% 0.1242 322.95) 9.7%, oklch(40.57% 0.1206 314.86) 12.9%, oklch(39.54% 0.1167 306.12) 16.1%, oklch(38.53% 0.1126 296.99) 19.4%, oklch(37.60% 0.1086 287.69) 22.6%, oklch(36.80% 0.1046 278.47) 25.8%, oklch(36.21% 0.1009 269.56) 29.0%, oklch(35.87% 0.0975 261.21) 32.3%, oklch(35.75% 0.0945 253.50) 35.5%, oklch(35.58% 0.0916 246.07) 38.7%, oklch(35.40% 0.0796 238.87) 41.9%, oklch(35.30% 0.0718 231.71) 45.2%, oklch(35.34% 0.0667 224.58) 48.4%, oklch(35.61% 0.0637 217.40) 51.6%, oklch(36.18% 0.0626 210.12) 54.8%, oklch(37.14% 0.0632 202.67) 58.1%, oklch(38.55% 0.0658 194.97) 61.3%, oklch(40.50% 0.0707 186.97) 64.5%, oklch(43.08% 0.0695 178.56) 67.7%, oklch(46.70% 0.0671 169.18) 71.0%, oklch(51.24% 0.0646 158.93) 74.2%, oklch(56.45% 0.0621 148.14) 77.4%, oklch(62.09% 0.0596 137.13) 80.6%, oklch(67.90% 0.0572 126.21) 83.9%, oklch(73.64% 0.0550 115.71) 87.1%, oklch(79.07% 0.0529 105.94) 90.3%, oklch(83.93% 0.0510 97.23) 93.5%, oklch(87.97% 0.0495 89.88) 96.8%, oklch(90.94% 0.0482 84.23) 100.0%);

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

Glamoratti

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