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

Cầu vồng từ vàng sang cam: bảng màu gồm 32 màu. #f5d51b, #00bdc8, #792edf, #ff881b, #ef3e34. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f5d51b
#e2d834
#c7db50
#a7dc6d
#85da88
#65d69f
#48cfb1
#2dc6be
#00bdc8
#00b0cb
#00a1cb
#0092cb
#0081ce
#006de0
#3755ec
#5a3fe9
#792edf
#9b25cd
#bd25b1
#dc308f
#f2466d
#fd614e
#ff7a36
#ff881b
#fc8e00
#f88d00
#f68500
#f67800
#f76600
#f5551c
#f2472c
#ef3e34

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.1764 97.73) 0.0%, oklch(86.32% 0.1708 105.95) 3.2%, oklch(84.95% 0.1620 117.02) 6.5%, oklch(83.31% 0.1515 130.21) 9.7%, oklch(81.45% 0.1407 144.78) 12.9%, oklch(79.41% 0.1311 160.00) 16.1%, oklch(77.24% 0.1241 175.13) 19.4%, oklch(74.97% 0.1212 189.44) 22.6%, oklch(72.61% 0.1236 202.22) 25.8%, oklch(69.62% 0.1223 213.79) 29.0%, oklch(66.04% 0.1248 224.69) 32.3%, oklch(62.21% 0.1325 235.27) 35.5%, oklch(58.48% 0.1499 245.86) 38.7%, oklch(55.19% 0.1944 256.81) 41.9%, oklch(52.69% 0.2283 268.43) 45.2%, oklch(51.33% 0.2397 281.11) 48.4%, oklch(51.48% 0.2434 295.44) 51.6%, oklch(53.41% 0.2401 312.75) 54.8%, oklch(56.67% 0.2317 332.12) 58.1%, oklch(60.73% 0.2201 352.25) 61.3%, oklch(65.07% 0.2071 11.89) 64.5%, oklch(69.17% 0.1946 29.75) 67.7%, oklch(72.50% 0.1803 44.58) 71.0%, oklch(74.55% 0.1775 55.08) 74.2%, oklch(75.01% 0.1756 60.19) 77.4%, oklch(74.30% 0.1734 60.51) 80.6%, oklch(72.75% 0.1756 57.20) 83.9%, oklch(70.66% 0.1830 51.47) 87.1%, oklch(68.33% 0.1970 44.52) 90.3%, oklch(66.08% 0.2055 37.57) 93.5%, oklch(64.19% 0.2112 31.77) 96.8%, oklch(62.99% 0.2150 28.34) 100.0%);

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

Gradient nhiều màu rực rỡ

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