ネイビーから緑の線形グラデーション
ネイビーから緑のパレット（32色）。 #181634, #23294d, #244c70, #126b75, #1b8f6e, #3dad5a, #a2d24f, #dcea65。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム5個。
- #181634
- #1a1938
- #1d1d3e
- #202345
- #23294d
- #263055
- #28375d
- #293e65
- #28456b
- #244c70
- #1f5474
- #195c75
- #146375
- #126b75
- #147274
- #197973
- #1c8072
- #1c8771
- #1b8f6e
- #1c976b
- #229e66
- #2ea660
- #3dad5a
- #4fb454
- #64bb4e
- #79c24c
- #8eca4c
- #a2d24f
- #b5d955
- #c5e05b
- #d2e661
- #dcea65
CSS
background: linear-gradient(315deg in oklch, oklch(22.05% 0.0565 284.77) 0.0%, oklch(23.35% 0.0580 282.89) 3.2%, oklch(25.10% 0.0600 280.75) 6.5%, oklch(27.18% 0.0624 278.21) 9.7%, oklch(29.48% 0.0650 275.17) 12.9%, oklch(31.89% 0.0677 271.51) 16.1%, oklch(34.31% 0.0704 267.11) 19.4%, oklch(36.61% 0.0728 261.86) 22.6%, oklch(38.69% 0.0749 255.61) 25.8%, oklch(40.66% 0.0760 247.76) 29.0%, oklch(42.58% 0.0764 238.49) 32.3%, oklch(44.49% 0.0766 228.31) 35.5%, oklch(46.38% 0.0770 217.69) 38.7%, oklch(48.28% 0.0781 207.15) 41.9%, oklch(50.20% 0.0803 197.18) 45.2%, oklch(52.15% 0.0842 188.27) 48.4%, oklch(54.15% 0.0902 180.80) 51.6%, oklch(56.13% 0.0992 174.21) 54.8%, oklch(58.10% 0.1103 168.29) 58.1%, oklch(60.10% 0.1226 162.90) 61.3%, oklch(62.13% 0.1352 157.93) 64.5%, oklch(64.22% 0.1469 153.25) 67.7%, oklch(66.41% 0.1569 148.74) 71.0%, oklch(68.70% 0.1641 144.28) 74.2%, oklch(71.21% 0.1679 139.78) 77.4%, oklch(74.10% 0.1692 135.30) 80.6%, oklch(77.19% 0.1685 130.94) 83.9%, oklch(80.34% 0.1664 126.81) 87.1%, oklch(83.38% 0.1637 123.02) 90.3%, oklch(86.14% 0.1608 119.65) 93.5%, oklch(88.45% 0.1584 116.82) 96.8%, oklch(90.16% 0.1571 114.63) 100.0%);