Đỏ, tím, xanh dương và xanh cổ vịt (gradient xuyên tâm)

Bảng màu Đỏ, tím, xanh dương và xanh cổ vịt

Gradient xuyên tâm, 32 màu: #c54632, #99293b, #4f3e67, #2c6c81, #479585. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c54632
#c24332
#bf3f31
#ba3930
#b53430
#b02e31
#a92b34
#a22938
#99293b
#8e2a3e
#842b41
#7a2c45
#722e4a
#6a3052
#61345a
#583962
#4f3e67
#47446b
#404a6d
#3c4f6f
#385573
#355c78
#31647d
#2c6c81
#287384
#277a85
#297f86
#2e8585
#358a85
#3c8e85
#429285
#479585

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(56.69% 0.1654 31.64) 0.0%, oklch(55.88% 0.1656 30.73) 3.2%, oklch(54.76% 0.1664 29.65) 6.5%, oklch(53.44% 0.1672 28.29) 9.7%, oklch(51.99% 0.1672 26.58) 12.9%, oklch(50.51% 0.1658 24.41) 16.1%, oklch(49.09% 0.1623 21.69) 19.4%, oklch(47.66% 0.1558 18.70) 22.6%, oklch(46.04% 0.1464 15.87) 25.8%, oklch(44.37% 0.1352 12.72) 29.0%, oklch(42.77% 0.1233 8.71) 32.3%, oklch(41.41% 0.1116 3.34) 35.5%, oklch(40.42% 0.1013 356.09) 38.7%, oklch(39.89% 0.0929 346.25) 41.9%, oklch(39.69% 0.0847 333.30) 45.2%, oklch(39.77% 0.0769 318.27) 48.4%, oklch(40.12% 0.0701 302.32) 51.6%, oklch(40.71% 0.0645 286.60) 54.8%, oklch(41.53% 0.0606 272.28) 58.1%, oklch(42.59% 0.0589 260.32) 61.3%, oklch(44.06% 0.0600 249.75) 64.5%, oklch(45.86% 0.0633 240.11) 67.7%, oklch(47.85% 0.0677 231.29) 71.0%, oklch(49.88% 0.0724 223.15) 74.2%, oklch(51.80% 0.0764 215.59) 77.4%, oklch(53.46% 0.0789 208.49) 80.6%, oklch(55.05% 0.0802 201.80) 83.9%, oklch(56.62% 0.0809 195.63) 87.1%, oklch(58.12% 0.0811 190.07) 90.3%, oklch(59.46% 0.0812 185.24) 93.5%, oklch(60.58% 0.0812 181.24) 96.8%, oklch(61.42% 0.0813 178.18) 100.0%);

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

Thu hoạch đầm nam việt quất

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