黒、ネイビーと白の線形グラデーション
黒、ネイビーと白のパレット（64色）。 #000419, #020d2c, #0d1e49, #18396b, #176686, #6aa093, #ccd1bd, #faf8f5。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
64色、編集できる OKLCH キーフレーム3個。
- #000419
- #00041a
- #00051c
- #00061e
- #000720
- #010822
- #010924
- #010a26
- #020c29
- #020d2c
- #030e2f
- #041031
- #051235
- #061338
- #07153b
- #08173e
- #0a1942
- #0c1b45
- #0d1e49
- #0f204d
- #112351
- #122554
- #142858
- #152b5c
- #162f60
- #173264
- #173668
- #18396b
- #183d6f
- #184273
- #174676
- #174b79
- #164f7c
- #15557f
- #145a82
- #156084
- #176686
- #1b6d88
- #21738a
- #297a8b
- #32818d
- #3c878e
- #478e8f
- #529490
- #5e9a91
- #6aa093
- #76a695
- #82ac98
- #8eb19b
- #9ab79f
- #a5bca4
- #b0c1aa
- #bac7b0
- #c3ccb6
- #ccd1bd
- #d4d6c4
- #dbdbcb
- #e1e0d2
- #e7e4d9
- #ece9e0
- #f0ede6
- #f4f1ec
- #f7f5f1
- #faf8f5
CSS
background: linear-gradient(225deg in oklch, oklch(11.83% 0.0522 261.32) 0.0%, oklch(12.30% 0.0531 260.97) 1.6%, oklch(12.80% 0.0541 260.70) 3.2%, oklch(13.34% 0.0553 260.79) 4.8%, oklch(13.90% 0.0567 260.97) 6.3%, oklch(14.50% 0.0582 261.23) 7.9%, oklch(15.13% 0.0598 261.55) 9.5%, oklch(15.79% 0.0616 261.92) 11.1%, oklch(16.48% 0.0634 262.32) 12.7%, oklch(17.20% 0.0654 262.75) 14.3%, oklch(17.94% 0.0674 263.19) 15.9%, oklch(18.72% 0.0694 263.62) 17.5%, oklch(19.53% 0.0715 264.03) 19.0%, oklch(20.36% 0.0736 264.40) 20.6%, oklch(21.23% 0.0758 264.73) 22.2%, oklch(22.12% 0.0779 265.00) 23.8%, oklch(23.04% 0.0799 265.19) 25.4%, oklch(23.99% 0.0819 265.30) 27.0%, oklch(24.97% 0.0839 265.30) 28.6%, oklch(25.98% 0.0857 265.18) 30.2%, oklch(27.02% 0.0875 264.93) 31.7%, oklch(28.08% 0.0892 264.54) 33.3%, oklch(29.18% 0.0907 263.99) 34.9%, oklch(30.30% 0.0920 263.26) 36.5%, oklch(31.45% 0.0932 262.35) 38.1%, oklch(32.62% 0.0942 261.24) 39.7%, oklch(33.83% 0.0950 259.92) 41.3%, oklch(35.06% 0.0956 258.36) 42.9%, oklch(36.32% 0.0960 256.57) 44.4%, oklch(37.61% 0.0961 254.52) 46.0%, oklch(38.92% 0.0959 252.20) 47.6%, oklch(40.26% 0.0954 249.59) 49.2%, oklch(41.64% 0.0947 246.67) 50.8%, oklch(43.12% 0.0935 243.29) 52.4%, oklch(44.70% 0.0921 239.48) 54.0%, oklch(46.37% 0.0903 235.25) 55.6%, oklch(48.13% 0.0883 230.65) 57.1%, oklch(49.97% 0.0860 225.70) 58.7%, oklch(51.87% 0.0835 220.43) 60.3%, oklch(53.84% 0.0807 214.88) 61.9%, oklch(55.86% 0.0777 209.07) 63.5%, oklch(57.92% 0.0746 203.04) 65.1%, oklch(60.02% 0.0713 196.83) 66.7%, oklch(62.14% 0.0679 190.45) 68.3%, oklch(64.29% 0.0643 183.95) 69.8%, oklch(66.45% 0.0607 177.35) 71.4%, oklch(68.61% 0.0570 170.69) 73.0%, oklch(70.77% 0.0532 163.99) 74.6%, oklch(72.92% 0.0494 157.30) 76.2%, oklch(75.04% 0.0457 150.63) 77.8%, oklch(77.14% 0.0419 144.02) 79.4%, oklch(79.20% 0.0381 137.51) 81.0%, oklch(81.21% 0.0345 131.12) 82.5%, oklch(83.17% 0.0309 124.89) 84.1%, oklch(85.07% 0.0274 118.84) 85.7%, oklch(86.90% 0.0240 113.01) 87.3%, oklch(88.65% 0.0208 107.44) 88.9%, oklch(90.31% 0.0177 102.14) 90.5%, oklch(91.88% 0.0149 97.16) 92.1%, oklch(93.35% 0.0122 92.52) 93.7%, oklch(94.71% 0.0098 88.26) 95.2%, oklch(95.94% 0.0076 84.40) 96.8%, oklch(97.06% 0.0057 80.99) 98.4%, oklch(98.03% 0.0041 78.04) 100.0%);