コンテンツへスキップ

Grabient のパレット

類似色のネイビーと紫の放射状スウォッチ

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

放射状スウォッチ、6色:#112a57, #273973, #3f3681, #5a3188, #743c96, #9766b0。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #112a57
  • #273973
  • #3f3681
  • #5a3188
  • #743c96
  • #9766b0

CSS

background: radial-gradient(circle at 50% 50%, oklch(29.53% 0.0868 260.86) 0.000% 16.667%, oklch(36.22% 0.1020 268.26) 16.667% 33.333%, oklch(38.58% 0.1213 284.11) 33.333% 50.000%, oklch(40.94% 0.1406 302.07) 50.000% 66.667%, oklch(46.85% 0.1474 310.53) 66.667% 83.333%, oklch(59.06% 0.1213 313.70) 83.333% 100.000%);

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

青と紫のスウォッチ

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