Cầu vồng từ xanh dương sang cam (gradient xuyên tâm)

Cầu vồng từ xanh dương sang cam: bảng màu gồm 32 màu. #013e95, #98535f, #82cd98, #3bebd7, #b95225. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#013e95
#263d96
#3d3d96
#523d92
#653e8a
#754180
#844575
#8f4b69
#98535f
#9e5d57
#a36852
#a6734e
#a8824d
#a79453
#a0a761
#94bb79
#82cd98
#70dcb8
#60e7d6
#57eeed
#51f2fb
#4af3fe
#3ff1f1
#3bebd7
#4fe0b1
#70d083
#8fba51
#a7a117
#b48900
#b97200
#bc5e0e
#b95225

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(38.98% 0.1530 259.45) 0.0%, oklch(40.04% 0.1484 267.83) 3.2%, oklch(41.33% 0.1419 278.51) 6.5%, oklch(42.84% 0.1341 291.11) 9.7%, oklch(44.54% 0.1253 305.25) 12.9%, oklch(46.40% 0.1162 320.55) 16.1%, oklch(48.41% 0.1072 336.65) 19.4%, oklch(50.55% 0.0988 353.16) 22.6%, oklch(52.78% 0.0917 9.70) 25.8%, oklch(55.10% 0.0863 25.91) 29.0%, oklch(57.47% 0.0831 41.40) 32.3%, oklch(60.03% 0.0826 56.74) 35.5%, oklch(63.21% 0.0845 74.35) 38.7%, oklch(66.85% 0.0882 93.61) 41.9%, oklch(70.75% 0.0934 113.63) 45.2%, oklch(74.71% 0.0997 133.53) 48.4%, oklch(78.53% 0.1066 152.44) 51.6%, oklch(82.00% 0.1136 169.47) 54.8%, oklch(84.93% 0.1203 183.75) 58.1%, oklch(87.12% 0.1264 194.40) 61.3%, oklch(88.37% 0.1313 200.54) 64.5%, oklch(88.47% 0.1346 201.21) 67.7%, oklch(87.25% 0.1371 195.35) 71.0%, oklch(84.89% 0.1391 183.81) 74.2%, oklch(81.66% 0.1406 167.89) 77.4%, oklch(77.82% 0.1417 148.88) 80.6%, oklch(73.62% 0.1425 128.07) 83.9%, oklch(69.32% 0.1431 106.74) 87.1%, oklch(65.18% 0.1334 86.18) 90.3%, oklch(61.46% 0.1352 67.69) 93.5%, oklch(58.41% 0.1442 52.59) 96.8%, oklch(56.30% 0.1447 42.11) 100.0%);

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

Gradient ven biển

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