Tím, hồng và vàng (ba tông) tông rực rỡ (gradient xuyên tâm)

Bảng màu Tím, hồng và vàng (ba tông) tông rực rỡ

Gradient xuyên tâm, 32 màu: #5a226d, #ad2ec5, #ef3987, #eb7c00, #aad929. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5a226d
#602473
#67257c
#712788
#7b2995
#872aa2
#932caf
#a02dbc
#ad2ec5
#b92ecc
#c52fce
#d02eca
#d92fc2
#e12fb7
#e731a8
#ec3598
#ef3987
#f03f76
#f14765
#f14f54
#f15742
#f1602e
#f26b06
#eb7c00
#e48b00
#df9900
#d9a500
#d3b200
#cbbd00
#c1c800
#b5d200
#aad929

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(37.01% 0.1309 316.41) 0.0%, oklch(38.44% 0.1384 316.77) 3.2%, oklch(40.36% 0.1491 316.91) 6.5%, oklch(42.67% 0.1620 316.96) 9.7%, oklch(45.25% 0.1763 317.06) 12.9%, oklch(47.99% 0.1913 317.33) 16.1%, oklch(50.77% 0.2062 317.89) 19.4%, oklch(53.49% 0.2202 318.89) 22.6%, oklch(56.03% 0.2323 320.45) 25.8%, oklch(58.28% 0.2420 322.69) 29.0%, oklch(60.12% 0.2482 325.75) 32.3%, oklch(61.49% 0.2505 329.73) 35.5%, oklch(62.48% 0.2492 334.54) 38.7%, oklch(63.17% 0.2452 340.08) 41.9%, oklch(63.63% 0.2389 346.24) 45.2%, oklch(63.95% 0.2312 352.92) 48.4%, oklch(64.19% 0.2226 0.03) 51.6%, oklch(64.43% 0.2137 7.45) 54.8%, oklch(64.75% 0.2053 15.07) 58.1%, oklch(65.22% 0.1981 22.81) 61.3%, oklch(65.91% 0.1925 30.55) 64.5%, oklch(66.90% 0.1893 38.27) 67.7%, oklch(68.20% 0.1876 46.78) 71.0%, oklch(69.74% 0.1705 56.08) 74.2%, oklch(71.44% 0.1591 65.92) 77.4%, oklch(73.25% 0.1539 75.99) 80.6%, oklch(75.08% 0.1537 85.98) 83.9%, oklch(76.88% 0.1580 95.59) 87.1%, oklch(78.57% 0.1663 104.55) 90.3%, oklch(80.08% 0.1780 112.53) 93.5%, oklch(81.34% 0.1917 119.26) 96.8%, oklch(82.28% 0.1943 124.43) 100.0%);

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

Glitchy glam

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