類似色のネイビー、青緑と明るい青の線形スウォッチ
線形スウォッチ、13色、角度90°：#0f2c67, #093d77, #318092, #79c3ae, #acd5d3。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #0f2c67
- #0e2d6a
- #0b3070
- #093d77
- #15507e
- #236587
- #318092
- #4b9a9b
- #63b0a4
- #79c3ae
- #8cd0bc
- #9ed4cb
- #acd5d3
CSS
background: linear-gradient(90deg, oklch(31.10% 0.1089 262.27) 0.000% 7.692%, oklch(31.54% 0.1143 262.08) 7.692% 15.385%, oklch(32.77% 0.1192 260.70) 15.385% 23.077%, oklch(36.27% 0.1130 255.62) 23.077% 30.769%, oklch(41.76% 0.0973 247.39) 30.769% 38.462%, oklch(48.19% 0.0852 235.00) 38.462% 46.154%, oklch(55.83% 0.0799 215.77) 46.154% 53.846%, oklch(63.57% 0.0775 196.54) 53.846% 61.538%, oklch(70.31% 0.0782 183.24) 61.538% 69.231%, oklch(76.32% 0.0806 174.21) 69.231% 76.923%, oklch(80.57% 0.0743 173.76) 76.923% 84.615%, oklch(82.94% 0.0570 184.13) 84.615% 92.308%, oklch(84.25% 0.0427 193.58) 92.308% 100.000%);