黒から茶色の線形グラデーション
黒から茶色のパレット（32色）。 #261a17, #351e1a, #512424, #662a2c, #813531, #954336, #ac5f42, #b7704b。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム4個。
- #261a17
- #281b17
- #2c1c18
- #301d19
- #351e1a
- #3a1f1b
- #40201d
- #46211f
- #4b2322
- #512424
- #562527
- #5b2729
- #60282b
- #662a2c
- #6b2c2e
- #712e2f
- #763030
- #7c3331
- #813531
- #863832
- #8b3c33
- #903f34
- #954336
- #9a4838
- #9f4e3a
- #a3533c
- #a8593f
- #ac5f42
- #af6444
- #b36947
- #b56d49
- #b7704b
CSS
background: linear-gradient(225deg in oklch, oklch(23.23% 0.0193 38.67) 0.0%, oklch(23.83% 0.0225 37.46) 3.2%, oklch(24.58% 0.0268 35.76) 6.5%, oklch(25.47% 0.0318 33.69) 9.7%, oklch(26.46% 0.0374 31.38) 12.9%, oklch(27.54% 0.0435 28.97) 16.1%, oklch(28.69% 0.0497 26.58) 19.4%, oklch(29.88% 0.0560 24.34) 22.6%, oklch(31.09% 0.0621 22.39) 25.8%, oklch(32.29% 0.0678 20.85) 29.0%, oklch(33.47% 0.0729 19.84) 32.3%, oklch(34.63% 0.0774 19.44) 35.5%, oklch(35.80% 0.0819 19.47) 38.7%, oklch(37.00% 0.0864 19.87) 41.9%, oklch(38.23% 0.0907 20.57) 45.2%, oklch(39.48% 0.0949 21.54) 48.4%, oklch(40.74% 0.0988 22.70) 51.6%, oklch(42.03% 0.1024 24.00) 54.8%, oklch(43.33% 0.1056 25.40) 58.1%, oklch(44.64% 0.1083 26.84) 61.3%, oklch(45.96% 0.1105 28.25) 64.5%, oklch(47.30% 0.1121 29.62) 67.7%, oklch(48.76% 0.1128 31.20) 71.0%, oklch(50.32% 0.1129 33.00) 74.2%, oklch(51.95% 0.1124 34.96) 77.4%, oklch(53.59% 0.1115 37.01) 80.6%, oklch(55.21% 0.1103 39.08) 83.9%, oklch(56.77% 0.1089 41.09) 87.1%, oklch(58.21% 0.1075 42.97) 90.3%, oklch(59.49% 0.1063 44.65) 93.5%, oklch(60.58% 0.1053 46.06) 96.8%, oklch(61.42% 0.1047 47.13) 100.0%);