類似色の明るい緑、オリーブと黒の線形スウォッチ
線形スウォッチ、32色、角度225°：#d2eeae, #8ab773, #627636, #404211, #141301。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #d2eeae
- #cdeaa9
- #c5e4a3
- #bdde9c
- #b3d795
- #a9cf8c
- #9ec784
- #94bf7c
- #8ab773
- #81ae6b
- #79a663
- #749f5c
- #6f9754
- #6b8f4c
- #688744
- #657f3d
- #627636
- #5e6e2f
- #5b6729
- #575f24
- #52581f
- #4d501a
- #474915
- #404211
- #393a0d
- #33330a
- #2c2c07
- #262505
- #201f03
- #1b1a02
- #171602
- #141301
CSS
background: linear-gradient(225deg, oklch(91.34% 0.0896 127.27) 0.000% 3.125%, oklch(89.94% 0.0907 127.88) 3.125% 6.250%, oklch(88.15% 0.0924 128.83) 6.250% 9.375%, oklch(86.04% 0.0945 130.02) 9.375% 12.500%, oklch(83.66% 0.0969 131.33) 12.500% 15.625%, oklch(81.10% 0.0992 132.66) 15.625% 18.750%, oklch(78.41% 0.1015 133.91) 18.750% 21.875%, oklch(75.66% 0.1036 134.96) 21.875% 25.000%, oklch(72.92% 0.1051 135.72) 25.000% 28.125%, oklch(70.26% 0.1061 136.07) 28.125% 31.250%, oklch(67.73% 0.1062 135.91) 31.250% 34.375%, oklch(65.35% 0.1055 135.12) 34.375% 37.500%, oklch(62.99% 0.1041 133.71) 37.500% 40.625%, oklch(60.63% 0.1022 131.78) 40.625% 43.750%, oklch(58.27% 0.0997 129.46) 43.750% 46.875%, oklch(55.91% 0.0968 126.89) 46.875% 50.000%, oklch(53.54% 0.0936 124.19) 50.000% 53.125%, oklch(51.18% 0.0902 121.48) 53.125% 56.250%, oklch(48.82% 0.0866 118.89) 56.250% 59.375%, oklch(46.46% 0.0830 116.54) 59.375% 62.500%, oklch(44.09% 0.0795 114.57) 62.500% 65.625%, oklch(41.72% 0.0760 113.08) 65.625% 68.750%, oklch(39.19% 0.0721 111.89) 68.750% 71.875%, oklch(36.53% 0.0679 110.90) 71.875% 75.000%, oklch(33.79% 0.0633 110.09) 75.000% 78.125%, oklch(31.04% 0.0586 109.42) 78.125% 81.250%, oklch(28.35% 0.0539 108.89) 81.250% 84.375%, oklch(25.78% 0.0494 108.45) 84.375% 87.500%, oklch(23.41% 0.0452 108.09) 87.500% 90.625%, oklch(21.30% 0.0414 107.78) 90.625% 93.750%, oklch(19.51% 0.0382 107.48) 93.750% 96.875%, oklch(18.11% 0.0358 107.19) 96.875% 100.000%);