鮮やかな類似色のピンク、紫とネイビーの放射状グラデーション
鮮やかな類似色のピンク、紫とネイビーのパレット(32色)。 #efa0ff, #e672ff, #cf36f9, #b218e9, #8204c2, #5b059e, #310870, #1a0752。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム6個。
- #efa0ff
- #ed99ff
- #eb8eff
- #e981ff
- #e672ff
- #e362ff
- #df53ff
- #da48fd
- #d53efb
- #cf36f9
- #c82ef6
- #c127f2
- #ba20ee
- #b218e9
- #a911e2
- #9f0bdb
- #9607d3
- #8c05ca
- #8204c2
- #7903b9
- #6f03b1
- #6504a8
- #5b059e
- #520695
- #49078c
- #410783
- #39087a
- #310870
- #290867
- #23075f
- #1e0758
- #1a0752
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(81.50% 0.1537 320.63) 0.0%, oklch(80.20% 0.1652 320.56) 3.2%, oklch(78.39% 0.1815 320.51) 6.5%, oklch(76.26% 0.2010 320.44) 9.7%, oklch(73.97% 0.2220 320.30) 12.9%, oklch(71.71% 0.2423 320.06) 16.1%, oklch(69.66% 0.2597 319.67) 19.4%, oklch(67.89% 0.2688 319.11) 22.6%, oklch(66.25% 0.2750 318.41) 25.8%, oklch(64.67% 0.2787 317.59) 29.0%, oklch(63.10% 0.2803 316.68) 32.3%, oklch(61.49% 0.2803 315.70) 35.5%, oklch(59.78% 0.2791 314.69) 38.7%, oklch(57.93% 0.2767 313.67) 41.9%, oklch(55.98% 0.2723 312.63) 45.2%, oklch(53.96% 0.2661 311.55) 48.4%, oklch(51.89% 0.2587 310.40) 51.6%, oklch(49.79% 0.2505 309.15) 54.8%, oklch(47.70% 0.2420 307.78) 58.1%, oklch(45.63% 0.2336 306.26) 61.3%, oklch(43.50% 0.2245 304.57) 64.5%, oklch(41.35% 0.2146 302.74) 67.7%, oklch(39.19% 0.2044 300.82) 71.0%, oklch(37.08% 0.1941 298.84) 74.2%, oklch(35.03% 0.1840 296.85) 77.4%, oklch(33.08% 0.1745 294.86) 80.6%, oklch(31.10% 0.1647 292.68) 83.9%, oklch(29.09% 0.1546 290.33) 87.1%, oklch(27.15% 0.1448 287.96) 90.3%, oklch(25.39% 0.1358 285.77) 93.5%, oklch(23.92% 0.1282 283.92) 96.8%, oklch(22.83% 0.1226 282.58) 100.0%);