類似色のネイビー、青とラベンダーの放射状グラデーション
類似色のネイビー、青とラベンダーのパレット（32色）。 #020616, #040f32, #0f2064, #1b2e8c, #3946b6, #5b5fcf, #a0a2ee, #d6d6ff。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム5個。
- #020616
- #02071a
- #030921
- #030c29
- #040f32
- #06123c
- #071647
- #0a1951
- #0c1d5a
- #0f2064
- #12236e
- #142778
- #182a82
- #1b2e8c
- #203296
- #25379f
- #2b3ca8
- #3241af
- #3946b6
- #414bbd
- #4950c3
- #5257c9
- #5b5fcf
- #6668d5
- #7173dc
- #7f81e2
- #8f91e9
- #a0a2ee
- #b0b2f4
- #bfc1f8
- #cccdfc
- #d6d6ff
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(12.60% 0.0386 264.38) 0.0%, oklch(13.66% 0.0444 264.54) 3.2%, oklch(15.07% 0.0523 264.74) 6.5%, oklch(16.75% 0.0616 264.99) 9.7%, oklch(18.62% 0.0719 265.27) 12.9%, oklch(20.60% 0.0827 265.57) 16.1%, oklch(22.62% 0.0934 265.90) 19.4%, oklch(24.59% 0.1034 266.23) 22.6%, oklch(26.43% 0.1124 266.57) 25.8%, oklch(28.24% 0.1214 266.87) 29.0%, oklch(30.04% 0.1307 267.14) 32.3%, oklch(31.87% 0.1400 267.42) 35.5%, oklch(33.72% 0.1488 267.74) 38.7%, oklch(35.61% 0.1568 268.13) 41.9%, oklch(37.54% 0.1636 268.63) 45.2%, oklch(39.53% 0.1689 269.27) 48.4%, oklch(41.56% 0.1725 270.10) 51.6%, oklch(43.52% 0.1751 271.16) 54.8%, oklch(45.45% 0.1768 272.41) 58.1%, oklch(47.42% 0.1774 273.76) 61.3%, oklch(49.49% 0.1766 275.16) 64.5%, oklch(51.75% 0.1743 276.53) 67.7%, oklch(54.27% 0.1703 277.81) 71.0%, oklch(57.11% 0.1644 278.92) 74.2%, oklch(60.47% 0.1557 279.87) 77.4%, oklch(64.58% 0.1429 280.75) 80.6%, oklch(69.16% 0.1274 281.57) 83.9%, oklch(73.91% 0.1105 282.32) 87.1%, oklch(78.57% 0.0935 282.99) 90.3%, oklch(82.82% 0.0777 283.57) 93.5%, oklch(86.39% 0.0644 284.06) 96.8%, oklch(88.98% 0.0551 284.45) 100.0%);