コンテンツへスキップ

Grabient のパレット

同系色の黒、ネイビーとグレーの線形スウォッチ

同系色の黒、ネイビーとグレーのカラーパレット

線形スウォッチ、5色、角度90°:#0d1b2a, #1b263b, #415a77, #778da9, #e0e1dd。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #0d1b2a
  • #1b263b
  • #415a77
  • #778da9
  • #e0e1dd

CSS

background: linear-gradient(90deg, oklch(21.77% 0.0356 251.29) 0.000% 20.000%, oklch(26.92% 0.0424 262.70) 20.000% 40.000%, oklch(45.99% 0.0564 252.67) 40.000% 60.000%, oklch(63.63% 0.0493 254.61) 60.000% 80.000%, oklch(90.78% 0.0055 117.93) 80.000% 100.000%);

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

Dark blue gradients

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