コンテンツへスキップ

Grabient のパレット

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

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

線形スウォッチ、5色、角度90°:#001e44, #1743d0, #777fec, #8a55de, #d6bdf5。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #001e44
  • #1743d0
  • #777fec
  • #8a55de
  • #d6bdf5

CSS

background: linear-gradient(90deg, oklch(24.03% 0.0804 255.44) 0.000% 20.000%, oklch(46.06% 0.2205 264.75) 20.000% 40.000%, oklch(64.17% 0.1598 277.43) 40.000% 60.000%, oklch(57.87% 0.1998 297.50) 60.000% 80.000%, oklch(83.86% 0.0799 304.90) 80.000% 100.000%);

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

青と紫のスウォッチ

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