コンテンツへスキップ

Grabient のパレット

類似色の黒、緑と明るい青の線形グラデーション

類似色の黒、緑と明るい青のカラーパレット

線形グラデーション、7色、角度90°:#081c15, #143427, #214f3b, #2d6a4f, #3e9e74, #77ca9e, #b7e4c7。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #081c15
  • #143427
  • #214f3b
  • #2d6a4f
  • #3e9e74
  • #77ca9e
  • #b7e4c7

CSS

background: linear-gradient(90deg in oklch, oklch(20.70% 0.0299 168.19) 0.0%, oklch(29.71% 0.0456 164.88) 16.7%, oklch(38.81% 0.0618 162.69) 33.3%, oklch(47.58% 0.0777 162.16) 50.0%, oklch(63.00% 0.1113 161.54) 66.7%, oklch(77.47% 0.1044 159.54) 83.3%, oklch(87.92% 0.0614 156.65) 100.0%);

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

Dark green gradients

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