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

Bảng màu Tím, hồng cánh sen và vàng tông rực rỡ

Gradient xuyên tâm, 32 màu: #5f0a4d, #aa056b, #e53f5b, #ff7e26, #f2cf0d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5f0a4d
#640a50
#6b0a53
#730a58
#7d095c
#880761
#930665
#9f0568
#aa056b
#b5066c
#be0b6c
#c7136b
#ce1b69
#d52466
#db2d63
#e0365f
#e53f5b
#e94856
#ed5151
#f1594c
#f56245
#f86a3e
#fc7434
#ff7e26
#ff8a1c
#ff960d
#fea200
#fcae00
#fab800
#f7c100
#f5c900
#f2cf0d

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(33.46% 0.1350 338.91) 0.0%, oklch(34.61% 0.1398 339.92) 3.2%, oklch(36.10% 0.1465 341.10) 6.5%, oklch(37.86% 0.1546 342.47) 9.7%, oklch(39.83% 0.1635 344.01) 12.9%, oklch(41.96% 0.1730 345.74) 16.1%, oklch(44.17% 0.1824 347.64) 19.4%, oklch(46.40% 0.1913 349.71) 22.6%, oklch(48.58% 0.1991 351.97) 25.8%, oklch(50.66% 0.2055 354.40) 29.0%, oklch(52.56% 0.2099 357.02) 32.3%, oklch(54.27% 0.2120 359.80) 35.5%, oklch(55.90% 0.2122 2.74) 38.7%, oklch(57.46% 0.2109 5.85) 41.9%, oklch(58.98% 0.2084 9.12) 45.2%, oklch(60.46% 0.2050 12.58) 48.4%, oklch(61.93% 0.2010 16.22) 51.6%, oklch(63.38% 0.1969 20.06) 54.8%, oklch(64.85% 0.1927 24.11) 58.1%, oklch(66.33% 0.1890 28.37) 61.3%, oklch(67.86% 0.1861 32.85) 64.5%, oklch(69.43% 0.1841 37.61) 67.7%, oklch(71.15% 0.1825 43.09) 71.0%, oklch(72.97% 0.1812 49.26) 74.2%, oklch(74.87% 0.1762 55.88) 77.4%, oklch(76.78% 0.1733 62.74) 80.6%, oklch(78.66% 0.1708 69.59) 83.9%, oklch(80.45% 0.1688 76.24) 87.1%, oklch(82.11% 0.1690 82.45) 90.3%, oklch(83.60% 0.1709 88.00) 93.5%, oklch(84.85% 0.1737 92.66) 96.8%, oklch(85.83% 0.1750 96.21) 100.0%);

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

Gradient neon Liminal Hours

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