コンテンツへスキップ

Grabient のパレット

トライアドのネイビー、グレー、紫とオリーブの線形スウォッチ

トライアドのネイビー、グレー、紫とオリーブのカラーパレット

線形スウォッチ、6色、角度90°:#293d47, #9bb0a8, #e8eedd, #cfb9b7, #8b718e, #a8b751。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #293d47
  • #9bb0a8
  • #e8eedd
  • #cfb9b7
  • #8b718e
  • #a8b751

CSS

background: linear-gradient(90deg, oklch(34.74% 0.0308 230.41) 0.000% 16.667%, oklch(73.74% 0.0259 170.61) 16.667% 33.333%, oklch(93.99% 0.0226 121.74) 33.333% 50.000%, oklch(80.39% 0.0247 23.49) 50.000% 66.667%, oklch(58.31% 0.0530 322.61) 66.667% 83.333%, oklch(74.67% 0.1284 116.59) 83.333% 100.000%);

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

Color, Slightly Off

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