黒、白とグレーの円錐グラデーション
黒、白とグレーのパレット（32色）。 #000000, #717171, #e6e6e6, #4f4f4f, #2d2d2d, #8c8c8c, #d9d9d9, #ffffff。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム5個。
- #000000
- #020202
- #1b1b1b
- #424242
- #717171
- #a0a0a0
- #cacaca
- #e8e8e8
- #f2f2f2
- #e6e6e6
- #c8c8c8
- #a0a0a0
- #767676
- #4f4f4f
- #313131
- #1e1e1e
- #1a1a1a
- #202020
- #2d2d2d
- #414141
- #595959
- #737373
- #8c8c8c
- #a0a0a0
- #b0b0b0
- #bfbfbf
- #cdcdcd
- #d9d9d9
- #e5e5e5
- #efefef
- #f8f8f8
- #ffffff
CSS
background: conic-gradient(from 45deg in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(8.93% 0.0000 89.88) 3.2%, oklch(22.17% 0.0000 89.88) 6.5%, oklch(38.01% 0.0000 89.88) 9.7%, oklch(54.74% 0.0000 89.88) 12.9%, oklch(70.63% 0.0000 89.88) 16.1%, oklch(83.98% 0.0000 89.88) 19.4%, oklch(93.07% 0.0000 89.88) 22.6%, oklch(96.18% 0.0000 89.88) 25.8%, oklch(92.42% 0.0000 89.88) 29.0%, oklch(83.30% 0.0000 89.88) 32.3%, oklch(70.72% 0.0000 89.88) 35.5%, oklch(56.56% 0.0000 89.88) 38.7%, oklch(42.74% 0.0000 89.88) 41.9%, oklch(31.14% 0.0000 89.88) 45.2%, oklch(23.65% 0.0000 89.88) 48.4%, oklch(21.82% 0.0000 89.88) 51.6%, oklch(24.25% 0.0000 89.88) 54.8%, oklch(29.77% 0.0000 89.88) 58.1%, oklch(37.44% 0.0000 89.88) 61.3%, oklch(46.31% 0.0000 89.88) 64.5%, oklch(55.43% 0.0000 89.88) 67.7%, oklch(63.88% 0.0000 89.88) 71.0%, oklch(70.70% 0.0000 89.88) 74.2%, oklch(75.74% 0.0000 89.88) 77.4%, oklch(80.40% 0.0000 89.88) 80.6%, oklch(84.73% 0.0000 89.88) 83.9%, oklch(88.68% 0.0000 89.88) 87.1%, oklch(92.22% 0.0000 89.88) 90.3%, oklch(95.32% 0.0000 89.88) 93.5%, oklch(97.92% 0.0000 89.88) 96.8%, oklch(100.00% 0.0000 89.88) 100.0%);