コンテンツへスキップ

Grabient のパレット

ネイビーとグレーの円錐スウォッチ

ネイビーとグレーのパレット(5色)。 #091934, #213349, #af9c7d, #455467, #022a4b。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #091934
  • #213349
  • #af9c7d
  • #455467
  • #022a4b

CSS

background: conic-gradient(from 135deg, oklch(21.65% 0.0579 260.86) 0.000% 20.000%, oklch(31.50% 0.0469 254.52) 20.000% 40.000%, oklch(70.08% 0.0482 79.10) 40.000% 60.000%, oklch(44.09% 0.0372 255.58) 60.000% 80.000%, oklch(27.95% 0.0730 248.18) 80.000% 100.000%);

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

ネイビーのスウォッチくすみカラーのスウォッチ穏やかな色のスウォッチUI のスウォッチ

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