白、グレーと暗いグレーの線形グラデーション
線形グラデーション、32色、角度135°：#f8f8f8, #989898, #262626, #747474, #eeeeee。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #f8f8f8
- #f1f1f1
- #e8e8e8
- #dddddd
- #d0d0d0
- #c3c3c3
- #b5b5b5
- #a7a7a7
- #989898
- #878787
- #747474
- #606060
- #4d4d4d
- #3d3d3d
- #303030
- #282828
- #262626
- #2a2a2a
- #313131
- #3b3b3b
- #484848
- #575757
- #666666
- #747474
- #828282
- #929292
- #a3a3a3
- #b4b4b4
- #c6c6c6
- #d6d6d6
- #e4e4e4
- #eeeeee
CSS
background: linear-gradient(135deg in oklch, oklch(98.03% 0.0000 89.88) 0.0%, oklch(95.83% 0.0000 89.88) 3.2%, oklch(92.99% 0.0000 89.88) 6.5%, oklch(89.61% 0.0000 89.88) 9.7%, oklch(85.80% 0.0000 89.88) 12.9%, oklch(81.65% 0.0000 89.88) 16.1%, oklch(77.25% 0.0000 89.88) 19.4%, oklch(72.72% 0.0000 89.88) 22.6%, oklch(68.10% 0.0000 89.88) 25.8%, oklch(62.47% 0.0000 89.88) 29.0%, oklch(55.89% 0.0000 89.88) 32.3%, oklch(48.89% 0.0000 89.88) 35.5%, oklch(42.05% 0.0000 89.88) 38.7%, oklch(35.89% 0.0000 89.88) 41.9%, oklch(30.99% 0.0000 89.88) 45.2%, oklch(27.88% 0.0000 89.88) 48.4%, oklch(27.05% 0.0000 89.88) 51.6%, oklch(28.30% 0.0000 89.88) 54.8%, oklch(31.21% 0.0000 89.88) 58.1%, oklch(35.35% 0.0000 89.88) 61.3%, oklch(40.30% 0.0000 89.88) 64.5%, oklch(45.67% 0.0000 89.88) 67.7%, oklch(51.03% 0.0000 89.88) 71.0%, oklch(55.97% 0.0000 89.88) 74.2%, oklch(60.59% 0.0000 89.88) 77.4%, oklch(65.83% 0.0000 89.88) 80.6%, oklch(71.45% 0.0000 89.88) 83.9%, oklch(77.15% 0.0000 89.88) 87.1%, oklch(82.64% 0.0000 89.88) 90.3%, oklch(87.62% 0.0000 89.88) 93.5%, oklch(91.80% 0.0000 89.88) 96.8%, oklch(94.88% 0.0000 89.88) 100.0%);