コンテンツへスキップ

Grabient のパレット

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

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

放射状スウォッチ、5色:#596c87, #182f58, #5f415f, #cd7a3d, #f4b653。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #596c87
  • #182f58
  • #5f415f
  • #cd7a3d
  • #f4b653

CSS

background: radial-gradient(circle at 50% 50%, oklch(52.76% 0.0482 256.64) 0.000% 20.000%, oklch(31.10% 0.0785 260.87) 20.000% 40.000%, oklch(42.13% 0.0620 326.39) 40.000% 60.000%, oklch(65.75% 0.1281 54.10) 60.000% 80.000%, oklch(81.50% 0.1350 76.29) 80.000% 100.000%);

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

ラグジュアリーな色のスウォッチネイビーとゴールドのスウォッチ

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