コンテンツへスキップ

Grabient のパレット

同系色の黒とベージュの線形スウォッチ

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

線形スウォッチ、5色、角度90°:#2c1b12, #5a3a29, #8a6447, #c9a27e, #efdcc6。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #2c1b12
  • #5a3a29
  • #8a6447
  • #c9a27e
  • #efdcc6

CSS

background: linear-gradient(90deg, oklch(24.15% 0.0317 48.65) 0.000% 20.000%, oklch(38.15% 0.0532 48.60) 20.000% 40.000%, oklch(53.53% 0.0649 58.17) 40.000% 60.000%, oklch(73.89% 0.0674 64.19) 60.000% 80.000%, oklch(90.41% 0.0361 71.41) 80.000% 100.000%);

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

Coffee color palettes

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