コンテンツへスキップ

Grabient のパレット

類似色のラベンダー、紫とネイビーの線形スウォッチ

類似色のラベンダー、紫とネイビーのカラーパレット

線形スウォッチ、5色、角度90°:#e8e0fd, #c4aeec, #966ee1, #5b3b9b, #1e123e。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

編集できる OKLCH キーフレーム5個。

  • #e8e0fd
  • #c4aeec
  • #966ee1
  • #5b3b9b
  • #1e123e

CSS

background: linear-gradient(90deg, oklch(92.13% 0.0400 298.13) 0.000% 20.000%, oklch(79.13% 0.0896 300.24) 20.000% 40.000%, oklch(62.99% 0.1695 297.07) 40.000% 60.000%, oklch(44.09% 0.1502 294.95) 60.000% 80.000%, oklch(22.83% 0.0799 291.78) 80.000% 100.000%);

このパレットを含むコレクション

同系色のスウォッチ

似たパレットコレクションPNG をダウンロードパレットの JSONMarkdownしくみ