コンテンツへスキップ

Grabient のパレット

類似色のネイビーと紫の線形スウォッチ

類似色のネイビーと紫のパレット(6色)。 #000535, #001c55, #0d3a7b, #2a559c, #5d6db3, #8880ba。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #000535
  • #001c55
  • #0d3a7b
  • #2a559c
  • #5d6db3
  • #8880ba

CSS

background: linear-gradient(180deg, oklch(16.14% 0.0937 264.38) 0.000% 16.667%, oklch(25.30% 0.1087 260.91) 16.667% 33.333%, oklch(35.96% 0.1215 258.80) 33.333% 50.000%, oklch(45.72% 0.1260 259.94) 50.000% 66.667%, oklch(55.31% 0.1104 272.82) 66.667% 83.333%, oklch(62.99% 0.0868 289.74) 83.333% 100.000%);

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

青と紫のスウォッチ

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