コンテンツへスキップ

Grabient のパレット

補色のネイビー、白とベージュの放射状スウォッチ

補色のネイビー、白とベージュのカラーパレット

放射状スウォッチ、5色:#1e223d, #eceae2, #f7e7c5, #f0daa2, #fff0d8。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #1e223d
  • #eceae2
  • #f7e7c5
  • #f0daa2
  • #fff0d8

CSS

background: radial-gradient(circle at 50% 50%, oklch(26.38% 0.0496 275.63) 0.000% 20.000%, oklch(93.70% 0.0110 99.15) 20.000% 40.000%, oklch(93.31% 0.0482 86.47) 40.000% 60.000%, oklch(89.37% 0.0758 88.58) 60.000% 80.000%, oklch(96.06% 0.0360 80.14) 80.000% 100.000%);

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

ネイビーとゴールドのスウォッチ

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