コンテンツへスキップ

Grabient のパレット

ネイビー、タンとグレーの線形スウォッチ

ネイビー、タンとグレーのカラーパレット

線形スウォッチ、5色、角度90°:#2a3857, #7a8089, #b8964d, #eaddb6, #465b65。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #2a3857
  • #7a8089
  • #b8964d
  • #eaddb6
  • #465b65

CSS

background: linear-gradient(90deg, oklch(34.25% 0.0579 265.78) 0.000% 20.000%, oklch(59.84% 0.0152 258.38) 20.000% 40.000%, oklch(68.90% 0.1006 84.02) 40.000% 60.000%, oklch(89.76% 0.0524 90.36) 60.000% 80.000%, oklch(45.67% 0.0303 228.79) 80.000% 100.000%);

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

ネイビーとゴールドのスウォッチ

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