コンテンツへスキップ

Grabient のパレット

同系色の黒、茶色とグレーの線形グラデーション

同系色の黒、茶色とグレーのカラーパレット

線形グラデーション、7色、角度90°:#1a120b, #22160f, #3c2a21, #8b755a, #d5cea3, #ebe7c6, #ece8d6。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #1a120b
  • #22160f
  • #3c2a21
  • #8b755a
  • #d5cea3
  • #ebe7c6
  • #ece8d6

CSS

background: linear-gradient(90deg in oklch, oklch(19.02% 0.0189 62.50) 0.0%, oklch(21.30% 0.0234 51.82) 16.7%, oklch(30.36% 0.0312 47.67) 33.3%, oklch(57.68% 0.0473 73.00) 50.0%, oklch(84.62% 0.0576 99.80) 66.7%, oklch(92.17% 0.0426 101.45) 83.3%, oklch(92.93% 0.0243 96.58) 100.0%);

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

Coffee color palettes

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