類似色のネイビー、紫とグレーの放射状グラデーション
類似色のネイビー、紫とグレーのパレット（32色）。 #241d32, #36274f, #543d7a, #6b5695, #8b7cb4, #ab9fc8, #e3c2c5, #ebdfcf。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム5個。
- #241d32
- #271f37
- #2b213d
- #302446
- #36274f
- #3c2b58
- #432f62
- #49336b
- #4f3873
- #543d7a
- #5a4381
- #5f4988
- #654f8f
- #6b5695
- #715d9b
- #7764a1
- #7e6ba7
- #8574ad
- #8b7cb4
- #9186ba
- #998ec0
- #a297c4
- #ab9fc8
- #b6a5cb
- #c2accc
- #cfb2cb
- #dbb9c8
- #e3c2c5
- #e8cac5
- #ead3c7
- #eadacb
- #ebdfcf
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(24.80% 0.0400 298.83) 0.0%, oklch(25.92% 0.0450 298.94) 3.2%, oklch(27.39% 0.0523 299.10) 6.5%, oklch(29.13% 0.0610 299.31) 9.7%, oklch(31.08% 0.0703 299.51) 12.9%, oklch(33.17% 0.0795 299.70) 16.1%, oklch(35.31% 0.0878 299.84) 19.4%, oklch(37.44% 0.0944 299.90) 22.6%, oklch(39.48% 0.0987 299.86) 25.8%, oklch(41.52% 0.1011 299.60) 29.0%, oklch(43.61% 0.1022 299.16) 32.3%, oklch(45.74% 0.1022 298.63) 35.5%, oklch(47.92% 0.1014 298.11) 38.7%, oklch(50.14% 0.0998 297.70) 41.9%, oklch(52.41% 0.0976 297.50) 45.2%, oklch(54.73% 0.0951 297.59) 48.4%, oklch(57.11% 0.0922 297.82) 51.6%, oklch(59.61% 0.0883 297.06) 54.8%, oklch(62.20% 0.0835 295.73) 58.1%, oklch(64.85% 0.0782 294.54) 61.3%, oklch(67.50% 0.0725 294.18) 64.5%, oklch(70.11% 0.0667 295.37) 67.7%, oklch(72.63% 0.0612 298.79) 71.0%, oklch(75.02% 0.0563 305.15) 74.2%, oklch(77.31% 0.0517 315.66) 77.4%, oklch(79.65% 0.0471 331.05) 80.6%, oklch(81.98% 0.0425 349.79) 83.9%, oklch(84.23% 0.0381 10.27) 87.1%, oklch(86.32% 0.0340 30.87) 90.3%, oklch(88.18% 0.0303 49.98) 93.5%, oklch(89.75% 0.0272 65.98) 96.8%, oklch(90.94% 0.0248 77.26) 100.0%);