コンテンツへスキップ

Grabient のパレット

茶色、グレーとネイビーの円錐スウォッチ

茶色、グレーとネイビーのカラーパレット

円錐スウォッチ、5色、角度120°:#b68c72, #997267, #dacab9, #465a6a, #263744。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #b68c72
  • #997267
  • #dacab9
  • #465a6a
  • #263744

CSS

background: conic-gradient(from 120deg, oklch(67.32% 0.0634 53.44) 0.000% 20.000%, oklch(58.66% 0.0524 35.47) 20.000% 40.000%, oklch(84.65% 0.0289 68.23) 40.000% 60.000%, oklch(45.67% 0.0358 243.65) 60.000% 80.000%, oklch(32.68% 0.0317 242.60) 80.000% 100.000%);

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

UI のスウォッチ

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