コンテンツへスキップ

Grabient のパレット

グレー、ネイビーと紫の放射状スウォッチ

グレー、ネイビーと紫のカラーパレット

放射状スウォッチ、5色:#a7b3a0, #2d3441, #765e71, #c4b2a4, #e8ddcf。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #a7b3a0
  • #2d3441
  • #765e71
  • #c4b2a4
  • #e8ddcf

CSS

background: radial-gradient(circle at 50% 50%, oklch(75.20% 0.0303 133.59) 0.000% 20.000%, oklch(32.28% 0.0262 263.57) 20.000% 40.000%, oklch(51.18% 0.0427 334.38) 40.000% 60.000%, oklch(77.56% 0.0289 59.97) 60.000% 80.000%, oklch(90.16% 0.0220 73.71) 80.000% 100.000%);

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

くすみカラーのスウォッチ

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