Cầu vồng tông trầm liền mạch (gradient hình nón)

Gradient hình nón, 32 màu, góc 45°: #5e96b3, #7dbf7f, #ba9062, #9d6898, #5c90ba. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5e96b3
#589cb3
#52a4b1
#50adab
#57b5a1
#63b996
#6ebc8d
#76be86
#7dbf7f
#85bf77
#8fbc6f
#9bb865
#a6b15f
#aea95d
#b4a05d
#b7985f
#ba9062
#bb8765
#bb7f6a
#b87772
#b3717c
#ad6d86
#a66a8f
#9d6898
#9368a0
#896aa8
#7f6eae
#7574b4
#6b7cb8
#6485ba
#5f8cba
#5c90ba

CSS

background: conic-gradient(from 45deg in oklch, oklch(64.57% 0.0730 232.03) 0.0%, oklch(65.68% 0.0768 222.52) 3.2%, oklch(67.31% 0.0823 208.79) 6.5%, oklch(69.15% 0.0885 193.11) 9.7%, oklch(70.91% 0.0947 177.78) 12.9%, oklch(72.27% 0.0999 165.05) 16.1%, oklch(73.18% 0.1043 156.26) 19.4%, oklch(73.88% 0.1089 149.97) 22.6%, oklch(74.36% 0.1130 144.88) 25.8%, oklch(74.58% 0.1157 139.73) 29.0%, oklch(74.51% 0.1162 133.25) 32.3%, oklch(74.08% 0.1134 124.73) 35.5%, oklch(73.25% 0.1069 115.24) 38.7%, oklch(72.14% 0.0984 104.92) 41.9%, oklch(70.87% 0.0899 93.79) 45.2%, oklch(69.54% 0.0833 81.88) 48.4%, oklch(68.23% 0.0802 69.05) 51.6%, oklch(66.75% 0.0798 54.68) 54.8%, oklch(65.17% 0.0810 39.35) 58.1%, oklch(63.61% 0.0831 23.82) 61.3%, oklch(62.20% 0.0855 8.84) 64.5%, oklch(61.06% 0.0875 355.12) 67.7%, oklch(60.00% 0.0902 342.27) 71.0%, oklch(59.04% 0.0935 329.98) 74.2%, oklch(58.30% 0.0966 318.14) 77.4%, oklch(57.89% 0.0987 306.62) 80.6%, oklch(57.92% 0.0991 295.30) 83.9%, oklch(58.61% 0.0974 283.39) 87.1%, oklch(59.83% 0.0940 271.25) 90.3%, oklch(61.24% 0.0901 259.86) 93.5%, oklch(62.53% 0.0865 250.21) 96.8%, oklch(63.39% 0.0841 243.30) 100.0%);

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

Mưa xuân Nam bán cầ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