コンテンツへスキップ

Grabient のパレット

同系色の黒からベージュの線形グラデーション

同系色の黒からベージュのカラーパレット

線形グラデーション、7色、角度90°:#1b0f0a, #2e1810, #4a2c1e, #6f4e37, #ac8562, #dbbd9a, #f3e5d0。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #1b0f0a
  • #2e1810
  • #4a2c1e
  • #6f4e37
  • #ac8562
  • #dbbd9a
  • #f3e5d0

CSS

background: linear-gradient(90deg in oklch, oklch(18.35% 0.0229 43.45) 0.0%, oklch(23.60% 0.0381 40.61) 16.7%, oklch(32.57% 0.0502 44.73) 33.3%, oklch(45.39% 0.0568 55.64) 50.0%, oklch(64.60% 0.0681 62.91) 66.7%, oklch(81.48% 0.0584 70.71) 83.3%, oklch(92.75% 0.0318 78.16) 100.0%);

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

Coffee color palettes

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