紫、ピンク、青とネイビーの線形スウォッチ
紫、ピンク、青とネイビーのパレット(13色)。 #4c003f, #b13990, #d662b5, #d6a9e5, #83bfe7, #0d9eb9, #047d94, #082f44。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
13色、編集できる OKLCH キーフレーム8個。
- #4c003f
- #7d1365
- #b13990
- #d662b5
- #e289d3
- #d6a9e5
- #b2baf3
- #83bfe7
- #4cb4d6
- #0d9eb9
- #047d94
- #08536a
- #082f44
CSS
background: linear-gradient(90deg, oklch(28.37% 0.1247 337.51) 0.000% 7.692%, oklch(40.76% 0.1616 339.64) 7.692% 15.385%, oklch(54.72% 0.1808 340.74) 15.385% 23.077%, oklch(66.42% 0.1732 339.85) 23.077% 30.769%, oklch(74.76% 0.1420 333.04) 30.769% 38.462%, oklch(79.55% 0.0963 317.95) 38.462% 46.154%, oklch(80.36% 0.0810 278.39) 46.154% 53.846%, oklch(77.82% 0.0840 238.62) 53.846% 61.538%, oklch(72.34% 0.1064 222.63) 61.538% 69.231%, oklch(64.47% 0.1126 215.93) 69.231% 76.923%, oklch(54.38% 0.0961 216.70) 76.923% 84.615%, oklch(41.24% 0.0756 225.63) 84.615% 92.308%, oklch(29.13% 0.0565 237.11) 92.308% 100.000%);