コンテンツへスキップ

Grabient のパレット

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

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

線形グラデーション、7色、角度90°:#0b1830, #132b50, #234a7a, #50759f, #7fa4bc, #acc9c6, #d5ddd5。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #0b1830
  • #132b50
  • #234a7a
  • #50759f
  • #7fa4bc
  • #acc9c6
  • #d5ddd5

CSS

background: linear-gradient(90deg in oklch, oklch(21.26% 0.0510 261.56) 0.0%, oklch(29.06% 0.0741 259.52) 16.7%, oklch(40.55% 0.0923 255.22) 33.3%, oklch(55.34% 0.0781 251.59) 50.0%, oklch(70.08% 0.0537 237.26) 66.7%, oklch(81.37% 0.0313 190.17) 83.3%, oklch(88.98% 0.0138 145.32) 100.0%);

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

Blue and gray swatches魔法の森のスウォッチ

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