シームレスな黒とグレーの線形スウォッチ
線形スウォッチ、32色、角度90°：#131517, #5f6468, #d3d7d9, #727576, #161617。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム8個。
- #131517
- #17191c
- #1d2023
- #25282c
- #2e3236
- #383c41
- #44484d
- #51565a
- #5f6468
- #6d7375
- #7c8184
- #8c9193
- #9ba0a2
- #aaaeb0
- #b7bbbd
- #c6cacc
- #d3d7d9
- #d9dee0
- #d6dbdc
- #c7cbcd
- #b1b5b7
- #999c9e
- #838688
- #727576
- #616465
- #525456
- #444648
- #373a3b
- #2c2e2f
- #232425
- #1b1c1c
- #161617
CSS
background: linear-gradient(90deg, oklch(19.29% 0.0055 247.50) 0.000% 3.125%, oklch(21.32% 0.0063 248.27) 3.125% 6.250%, oklch(24.16% 0.0074 249.55) 6.250% 9.375%, oklch(27.59% 0.0086 250.50) 9.375% 12.500%, oklch(31.38% 0.0094 250.28) 12.500% 15.625%, oklch(35.45% 0.0097 247.99) 15.625% 18.750%, oklch(40.05% 0.0096 243.44) 18.750% 21.875%, oklch(45.01% 0.0092 237.89) 21.875% 25.000%, oklch(50.08% 0.0087 232.69) 25.000% 28.125%, oklch(55.03% 0.0082 229.18) 28.125% 31.250%, oklch(60.10% 0.0076 227.44) 31.250% 34.375%, oklch(65.28% 0.0069 226.72) 34.375% 37.500%, oklch(70.29% 0.0062 226.55) 37.500% 40.625%, oklch(74.82% 0.0056 226.45) 40.625% 43.750%, oklch(79.07% 0.0054 226.16) 43.750% 46.875%, oklch(83.68% 0.0054 226.04) 46.875% 50.000%, oklch(87.60% 0.0055 226.07) 50.000% 53.125%, oklch(89.67% 0.0056 226.21) 53.125% 56.250%, oklch(88.71% 0.0055 226.45) 56.250% 59.375%, oklch(84.07% 0.0052 226.92) 59.375% 62.500%, oklch(77.01% 0.0048 227.53) 62.500% 65.625%, oklch(69.09% 0.0044 228.11) 65.625% 68.750%, oklch(61.90% 0.0042 228.46) 68.750% 71.875%, oklch(55.93% 0.0041 228.44) 71.875% 75.000%, oklch(50.11% 0.0042 228.15) 75.000% 78.125%, oklch(44.53% 0.0043 227.77) 78.125% 81.250%, oklch(39.35% 0.0043 227.48) 81.250% 84.375%, oklch(34.63% 0.0040 227.44) 84.375% 87.500%, oklch(30.11% 0.0034 227.64) 87.500% 90.625%, oklch(25.98% 0.0026 227.95) 90.625% 93.750%, oklch(22.54% 0.0019 228.27) 93.750% 96.875%, oklch(20.08% 0.0014 228.48) 96.875% 100.000%);