コンテンツへスキップ

Grabient のパレット

類似色のネイビーと紫の線形スウォッチ

類似色のネイビーと紫のカラーパレット

線形スウォッチ、4色、角度180°:#243e5e, #6f54ba, #856eda, #010531。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #243e5e
  • #6f54ba
  • #856eda
  • #010531

CSS

background: linear-gradient(180deg, oklch(35.83% 0.0648 254.53) 0.000% 25.000%, oklch(52.36% 0.1543 292.57) 25.000% 50.000%, oklch(61.02% 0.1585 290.46) 50.000% 75.000%, oklch(15.75% 0.0868 266.16) 75.000% 100.000%);

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

青と紫のスウォッチ

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