虹色の線形スウォッチ
線形スウォッチ、7色、角度160°：#22899b, #1a6b81, #0d4a5f, #103750, #9c538c, #ba9d2c, #61b7bd。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #22899b
- #1a6b81
- #0d4a5f
- #103750
- #9c538c
- #ba9d2c
- #61b7bd
CSS
background: linear-gradient(160deg, oklch(58.27% 0.0923 211.64) 0.000% 14.286%, oklch(49.17% 0.0817 220.96) 14.286% 28.571%, oklch(38.31% 0.0676 226.32) 28.571% 42.857%, oklch(32.28% 0.0620 241.23) 42.857% 57.143%, oklch(54.87% 0.1210 335.59) 57.143% 71.429%, oklch(70.33% 0.1296 93.64) 71.429% 85.714%, oklch(72.83% 0.0841 201.43) 85.714% 100.000%);