Vàng, cam, hồng và tím tông neon (gradient xuyên tâm)

Bảng màu Vàng, cam, hồng và tím tông neon

Gradient xuyên tâm, 32 màu: #ffd503, #ff9900, #fe4936, #ef0878, #a01bc8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ffd503
#ffd012
#ffca18
#ffc319
#ffbb16
#ffb30f
#ffaa07
#ffa100
#ff9900
#ff9100
#ff8700
#ff7e06
#ff730f
#ff6919
#ff5e22
#ff522b
#fe4936
#fd4040
#fc3749
#fb2f52
#f9265b
#f71d64
#f4146e
#ef0878
#e90084
#e00090
#d5019e
#c908aa
#bd10b5
#b115bd
#a719c4
#a01bc8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(88.19% 0.1805 94.22) 0.0%, oklch(87.34% 0.1763 91.98) 3.2%, oklch(86.20% 0.1725 89.02) 6.5%, oklch(84.85% 0.1699 85.50) 9.7%, oklch(83.34% 0.1686 81.56) 12.9%, oklch(81.76% 0.1686 77.36) 16.1%, oklch(80.17% 0.1697 73.05) 19.4%, oklch(78.63% 0.1716 68.78) 22.6%, oklch(77.21% 0.1737 64.66) 25.8%, oklch(75.79% 0.1769 60.48) 29.0%, oklch(74.32% 0.1815 56.16) 32.3%, oklch(72.84% 0.1868 51.72) 35.5%, oklch(71.38% 0.1930 47.22) 38.7%, oklch(69.98% 0.1999 42.73) 41.9%, oklch(68.66% 0.2074 38.30) 45.2%, oklch(67.47% 0.2152 33.97) 48.4%, oklch(66.43% 0.2201 29.83) 51.6%, oklch(65.58% 0.2247 25.96) 54.8%, oklch(64.87% 0.2292 22.27) 58.1%, oklch(64.25% 0.2335 18.64) 61.3%, oklch(63.66% 0.2374 14.96) 64.5%, oklch(63.07% 0.2409 11.11) 67.7%, oklch(62.41% 0.2439 6.97) 71.0%, oklch(61.63% 0.2462 2.44) 74.2%, oklch(60.69% 0.2477 357.22) 77.4%, oklch(59.58% 0.2477 351.07) 80.6%, oklch(58.35% 0.2483 344.35) 83.9%, oklch(57.09% 0.2479 337.45) 87.1%, oklch(55.88% 0.2471 330.75) 90.3%, oklch(54.76% 0.2463 324.65) 93.5%, oklch(53.83% 0.2456 319.53) 96.8%, oklch(53.15% 0.2453 315.78) 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