暗いグレーと赤の線形スウォッチ
線形スウォッチ、10色、角度90°：#272c35, #1d3234, #553b40, #943c44, #b4434b。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #272c35
- #202e35
- #1d3234
- #28343e
- #3e363f
- #553b40
- #773c43
- #943c44
- #a74046
- #b4434b
CSS
background: linear-gradient(90deg, oklch(29.13% 0.0179 260.16) 0.000% 10.000%, oklch(29.32% 0.0223 228.43) 10.000% 20.000%, oklch(29.97% 0.0270 202.75) 20.000% 30.000%, oklch(31.76% 0.0238 243.76) 30.000% 40.000%, oklch(34.50% 0.0184 323.82) 40.000% 50.000%, oklch(38.33% 0.0378 6.14) 50.000% 60.000%, oklch(43.39% 0.0828 14.40) 60.000% 70.000%, oklch(47.83% 0.1180 17.70) 70.000% 80.000%, oklch(51.47% 0.1361 19.54) 80.000% 90.000%, oklch(53.94% 0.1461 19.57) 90.000% 100.000%);