Cầu vồng từ cam sang xanh lá (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #e6522f, #ecd2b1, #d74d76, #005d7a, #d2de71. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e6522f
#e9663c
#ed8153
#f09e71
#f2b891
#f2ccad
#f2d7be
#f0d8be
#ecd2b1
#e6c79b
#deb97f
#d8aa62
#d69a47
#d88a39
#de753c
#df5f54
#d74d76
#c3469a
#a747b7
#864dc7
#6054c4
#365ab2
#005d97
#005d7a
#005f6c
#186565
#2e7467
#488b6c
#69a571
#90be73
#b5d272
#d2de71

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(63.39% 0.1902 34.45) 0.0%, oklch(66.63% 0.1724 38.08) 3.2%, oklch(71.51% 0.1458 43.34) 6.5%, oklch(77.14% 0.1151 49.47) 9.7%, oklch(82.62% 0.0850 55.73) 12.9%, oklch(87.06% 0.0602 61.34) 16.1%, oklch(89.57% 0.0454 65.55) 19.4%, oklch(89.59% 0.0437 68.85) 22.6%, oklch(87.70% 0.0521 72.83) 25.8%, oklch(84.50% 0.0672 76.38) 29.0%, oklch(80.56% 0.0860 78.32) 32.3%, oklch(76.49% 0.1052 77.47) 35.5%, oklch(72.85% 0.1217 72.64) 38.7%, oklch(69.99% 0.1342 62.58) 41.9%, oklch(67.19% 0.1480 47.03) 45.2%, oklch(64.42% 0.1621 27.54) 48.4%, oklch(61.74% 0.1746 5.73) 51.6%, oklch(59.18% 0.1836 343.23) 54.8%, oklch(56.82% 0.1872 321.70) 58.1%, oklch(54.60% 0.1832 302.42) 61.3%, oklch(51.85% 0.1684 283.56) 64.5%, oklch(48.89% 0.1462 264.70) 67.7%, oklch(46.29% 0.1195 246.17) 71.0%, oklch(44.60% 0.0871 228.14) 74.2%, oklch(44.39% 0.0770 210.92) 77.4%, oklch(46.25% 0.0710 194.73) 80.6%, oklch(51.07% 0.0737 178.68) 83.9%, oklch(58.24% 0.0836 162.78) 87.1%, oklch(66.58% 0.0977 147.70) 90.3%, oklch(74.93% 0.1130 134.16) 93.5%, oklch(82.13% 0.1265 122.83) 96.8%, oklch(87.01% 0.1350 114.41) 100.0%);

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