コンテンツへスキップ

Grabient のパレット

同系色のネイビーと白の線形スウォッチ

同系色のネイビーと白のカラーパレット

線形スウォッチ、5色、角度90°:#073064, #0d4a87, #2a77b2, #8bbad1, #ededed。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #073064
  • #0d4a87
  • #2a77b2
  • #8bbad1
  • #ededed

CSS

background: linear-gradient(90deg, oklch(31.50% 0.1020 257.34) 0.000% 20.000%, oklch(40.85% 0.1176 253.38) 20.000% 40.000%, oklch(55.12% 0.1185 245.72) 40.000% 60.000%, oklch(76.28% 0.0603 230.20) 60.000% 80.000%, oklch(94.49% 0.0000 89.88) 80.000% 100.000%);

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

白のスウォッチオクトーバーフェスト

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