コンテンツへスキップ

Grabient のパレット

同系色のラベンダーと紫の円錐スウォッチ

同系色のラベンダーと紫のカラーパレット

円錐スウォッチ、5色、角度135°:#d7c8f0, #8a61d1, #3c2270, #6f5ca8, #9570d0。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #d7c8f0
  • #8a61d1
  • #3c2270
  • #6f5ca8
  • #9570d0

CSS

background: conic-gradient(from 135deg, oklch(85.83% 0.0565 302.34) 0.000% 20.000%, oklch(58.66% 0.1667 298.12) 20.000% 40.000%, oklch(33.46% 0.1268 293.89) 40.000% 60.000%, oklch(52.76% 0.1185 293.89) 60.000% 80.000%, oklch(62.20% 0.1447 300.23) 80.000% 100.000%);

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

バイオレットのスウォッチ

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