鮮やかな同系色のネイビーから青の放射状グラデーション
鮮やかな同系色のネイビーから青のパレット（32色）。 #000a53, #011262, #02207e, #042c97, #053ab5, #0646d0, #0454f0, #085dff。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム3個。
- #000a53
- #000c56
- #010e5a
- #01105e
- #011262
- #011567
- #01176c
- #011a72
- #021d78
- #02207e
- #022384
- #03268a
- #032991
- #042c97
- #042f9d
- #0432a3
- #0535a9
- #0537af
- #053ab5
- #063dbc
- #0640c3
- #0643ca
- #0646d0
- #0549d7
- #054cde
- #054fe4
- #0451eb
- #0454f0
- #0356f6
- #0358fb
- #025aff
- #085dff
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.65% 0.1281 264.38) 0.0%, oklch(22.27% 0.1303 264.34) 3.2%, oklch(23.02% 0.1330 264.29) 6.5%, oklch(23.88% 0.1360 264.24) 9.7%, oklch(24.84% 0.1393 264.18) 12.9%, oklch(25.89% 0.1430 264.11) 16.1%, oklch(27.01% 0.1469 264.04) 19.4%, oklch(28.19% 0.1510 263.97) 22.6%, oklch(29.42% 0.1553 263.89) 25.8%, oklch(30.67% 0.1598 263.82) 29.0%, oklch(31.95% 0.1643 263.74) 32.3%, oklch(33.22% 0.1689 263.66) 35.5%, oklch(34.48% 0.1734 263.58) 38.7%, oklch(35.71% 0.1779 263.50) 41.9%, oklch(36.90% 0.1824 263.42) 45.2%, oklch(38.04% 0.1867 263.35) 48.4%, oklch(39.12% 0.1909 263.28) 51.6%, oklch(40.24% 0.1953 263.21) 54.8%, oklch(41.41% 0.2000 263.14) 58.1%, oklch(42.60% 0.2049 263.06) 61.3%, oklch(43.81% 0.2099 262.98) 64.5%, oklch(45.02% 0.2150 262.90) 67.7%, oklch(46.23% 0.2201 262.82) 71.0%, oklch(47.42% 0.2251 262.74) 74.2%, oklch(48.57% 0.2300 262.67) 77.4%, oklch(49.69% 0.2348 262.59) 80.6%, oklch(50.74% 0.2393 262.52) 83.9%, oklch(51.72% 0.2435 262.46) 87.1%, oklch(52.63% 0.2474 262.40) 90.3%, oklch(53.44% 0.2508 262.35) 93.5%, oklch(54.14% 0.2538 262.30) 96.8%, oklch(54.72% 0.2507 262.26) 100.0%);