グレー、青緑、紫とネイビーの線形グラデーション
グレー、青緑、紫とネイビーのパレット（40色）。 #e6e5df, #6d8578, #47675e, #d3d0cb, #dccfcf, #64567c, #29314c, #1a1e23。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
40色、編集できる OKLCH キーフレーム5個。
- #e6e5df
- #dbdbd3
- #cbccc2
- #b6bbae
- #9ea89a
- #859688
- #6d8578
- #59766b
- #496a62
- #40635c
- #3e625a
- #47675e
- #587366
- #708274
- #8a9586
- #a5a99d
- #bebeb5
- #d3d0cb
- #e1dfdd
- #e9e7e6
- #eae7e6
- #e5dedd
- #dccfcf
- #cebbc0
- #bda5b0
- #a88ea1
- #917994
- #7a6687
- #64567c
- #524a72
- #444269
- #393c5f
- #303656
- #29314c
- #252d43
- #21293b
- #1f2633
- #1d232d
- #1c2027
- #1a1e23
CSS
background: linear-gradient(45deg in oklch, oklch(92.13% 0.0083 99.14) 0.0%, oklch(88.89% 0.0107 105.13) 2.6%, oklch(84.17% 0.0143 114.13) 5.1%, oklch(78.41% 0.0188 125.17) 7.7%, oklch(72.06% 0.0236 137.31) 10.3%, oklch(65.56% 0.0286 149.59) 12.8%, oklch(59.36% 0.0333 161.06) 15.4%, oklch(53.92% 0.0374 170.75) 17.9%, oklch(49.67% 0.0406 177.73) 20.5%, oklch(47.06% 0.0424 181.02) 23.1%, oklch(46.56% 0.0426 179.72) 25.6%, oklch(48.66% 0.0405 173.87) 28.2%, oklch(52.95% 0.0365 164.30) 30.8%, oklch(58.84% 0.0311 151.74) 33.3%, oklch(65.69% 0.0250 136.94) 35.9%, oklch(72.91% 0.0186 120.64) 38.5%, oklch(79.87% 0.0127 103.56) 41.0%, oklch(85.95% 0.0076 86.46) 43.6%, oklch(90.55% 0.0040 70.06) 46.2%, oklch(93.04% 0.0025 55.12) 48.7%, oklch(92.92% 0.0037 41.95) 51.3%, oklch(90.56% 0.0078 28.69) 53.8%, oklch(86.44% 0.0143 15.17) 56.4%, oklch(80.98% 0.0223 1.64) 59.0%, oklch(74.59% 0.0312 348.32) 61.5%, oklch(67.71% 0.0403 335.45) 64.1%, oklch(60.73% 0.0489 323.25) 66.7%, oklch(54.09% 0.0563 311.97) 69.2%, oklch(48.20% 0.0617 301.83) 71.8%, oklch(43.47% 0.0645 293.07) 74.4%, oklch(39.95% 0.0643 285.84) 76.9%, oklch(36.90% 0.0614 279.98) 79.5%, oklch(34.24% 0.0565 275.30) 82.1%, oklch(31.93% 0.0501 271.62) 84.6%, oklch(29.93% 0.0427 268.77) 87.2%, oklch(28.20% 0.0350 266.56) 89.7%, oklch(26.71% 0.0274 264.80) 92.3%, oklch(25.41% 0.0205 263.32) 94.9%, oklch(24.26% 0.0149 261.94) 97.4%, oklch(23.23% 0.0110 260.47) 100.0%);