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

Bảng màu Tím, hồng và vàng (ba tông) tông neon

Gradient xuyên tâm, 32 màu: #7b2aff, #d71cd7, #ff446f, #ff9d24, #baeb04. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7b2aff
#8329fe
#8e27fd
#9a25fa
#a723f7
#b421f1
#c11fea
#cd1de1
#d71cd7
#e01bcc
#e61cc0
#ec1db3
#f121a5
#f62698
#fa2d8a
#fe357c
#ff446f
#ff5464
#ff635a
#ff7151
#ff7d49
#ff8940
#ff9436
#ff9d24
#fda709
#f7b200
#f0bd00
#e8c800
#ded200
#d3dc00
#c6e400
#baeb04

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(54.33% 0.2770 291.09) 0.0%, oklch(54.99% 0.2772 293.93) 3.2%, oklch(55.89% 0.2778 297.66) 6.5%, oklch(56.97% 0.2785 302.10) 9.7%, oklch(58.15% 0.2791 307.06) 12.9%, oklch(59.35% 0.2793 312.35) 16.1%, oklch(60.51% 0.2788 317.77) 19.4%, oklch(61.55% 0.2774 323.14) 22.6%, oklch(62.39% 0.2748 328.28) 25.8%, oklch(63.02% 0.2711 333.32) 29.0%, oklch(63.50% 0.2665 338.39) 32.3%, oklch(63.89% 0.2611 343.55) 35.5%, oklch(64.27% 0.2551 348.84) 38.7%, oklch(64.71% 0.2487 354.34) 41.9%, oklch(65.28% 0.2419 0.09) 45.2%, oklch(66.05% 0.2350 6.14) 48.4%, oklch(67.09% 0.2218 12.56) 51.6%, oklch(68.39% 0.2058 19.41) 54.8%, oklch(69.89% 0.1919 26.61) 58.1%, oklch(71.51% 0.1804 34.06) 61.3%, oklch(73.20% 0.1717 41.67) 64.5%, oklch(74.89% 0.1661 49.35) 67.7%, oklch(76.51% 0.1641 57.00) 71.0%, oklch(78.00% 0.1665 64.51) 74.2%, oklch(79.37% 0.1685 72.12) 77.4%, oklch(80.76% 0.1671 80.36) 80.6%, oklch(82.13% 0.1678 88.92) 83.9%, oklch(83.45% 0.1722 97.41) 87.1%, oklch(84.68% 0.1801 105.48) 90.3%, oklch(85.78% 0.1909 112.75) 93.5%, oklch(86.70% 0.2035 118.85) 96.8%, oklch(87.40% 0.2150 123.42) 100.0%);

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

Gradient tươi sáng Gradient mùa hè Gradient nhiều màu rực rỡ Gradient neon

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