コンテンツへスキップ

Grabient のパレット

同系色のネイビーから青の線形グラデーション

同系色のネイビーから青のカラーパレット

線形グラデーション、7色、角度90°:#0a1128, #07163b, #001f54, #002c66, #034078, #006390, #1282a2。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #0a1128
  • #07163b
  • #001f54
  • #002c66
  • #034078
  • #006390
  • #1282a2

CSS

background: linear-gradient(90deg in oklch, oklch(18.57% 0.0480 268.67) 0.0%, oklch(21.46% 0.0753 264.63) 16.7%, oklch(25.77% 0.1035 259.71) 33.3%, oklch(30.66% 0.1111 257.51) 50.0%, oklch(37.07% 0.1108 252.74) 66.7%, oklch(47.48% 0.1052 237.94) 83.3%, oklch(56.47% 0.1021 223.94) 100.0%);

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

Dark blue gradients

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