パステル調の虹色の放射状グラデーション
放射状グラデーション、32色：#526da5, #a17980, #d4ad7d, #b8d5a1, #6dd5d5。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム7個。
- #526da5
- #5c6ca2
- #686b9b
- #726b94
- #7a6c8c
- #826e88
- #8a7086
- #957484
- #a17980
- #ac7e7c
- #b48578
- #bb8b76
- #c19276
- #c89978
- #ce9f79
- #d2a67b
- #d4ad7d
- #d4b480
- #d2bb85
- #cfc28a
- #cbc890
- #c6cd96
- #c0d19b
- #b8d5a1
- #afd8a7
- #a6daae
- #9cdbb5
- #91dbbc
- #86dac4
- #7bd8ca
- #73d6d0
- #6dd5d5
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(53.94% 0.0937 263.67) 0.0%, oklch(54.19% 0.0864 270.81) 3.2%, oklch(54.48% 0.0755 280.64) 6.5%, oklch(54.90% 0.0635 292.40) 9.7%, oklch(55.54% 0.0528 305.29) 12.9%, oklch(56.50% 0.0461 318.55) 16.1%, oklch(57.88% 0.0446 332.68) 19.4%, oklch(59.66% 0.0471 348.90) 22.6%, oklch(61.69% 0.0518 5.74) 25.8%, oklch(63.82% 0.0573 21.69) 29.0%, oklch(65.89% 0.0622 35.22) 32.3%, oklch(67.83% 0.0656 45.04) 35.5%, oklch(69.84% 0.0692 51.63) 38.7%, oklch(71.84% 0.0727 56.33) 41.9%, oklch(73.78% 0.0757 60.46) 45.2%, oklch(75.57% 0.0779 65.37) 48.4%, oklch(77.15% 0.0788 72.10) 51.6%, oklch(78.62% 0.0780 79.78) 54.8%, oklch(79.96% 0.0763 87.97) 58.1%, oklch(81.15% 0.0744 96.48) 61.3%, oklch(82.14% 0.0732 105.09) 64.5%, oklch(82.91% 0.0732 113.65) 67.7%, oklch(83.44% 0.0743 122.45) 71.0%, oklch(83.78% 0.0761 131.46) 74.2%, oklch(83.94% 0.0783 140.45) 77.4%, oklch(83.95% 0.0807 149.23) 80.6%, oklch(83.83% 0.0831 157.61) 83.9%, oklch(83.45% 0.0858 166.27) 87.1%, oklch(82.84% 0.0889 175.08) 90.3%, oklch(82.15% 0.0919 183.33) 93.5%, oklch(81.52% 0.0946 190.32) 96.8%, oklch(81.10% 0.0965 195.34) 100.0%);