コンテンツへスキップ

Grabient のパレット

パステル調の同系色の青の線形グラデーション

パステル調の同系色の青のカラーパレット

線形グラデーション、7色、角度90°:#f0f9ff, #d9f1fe, #bae6fd, #9cddfd, #7dd3fc, #59c7fa, #38bdf8。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #f0f9ff
  • #d9f1fe
  • #bae6fd
  • #9cddfd
  • #7dd3fc
  • #59c7fa
  • #38bdf8

CSS

background: linear-gradient(90deg in oklch, oklch(97.71% 0.0125 236.62) 0.0%, oklch(94.39% 0.0311 233.80) 16.7%, oklch(90.14% 0.0555 230.90) 33.3%, oklch(86.44% 0.0787 230.11) 50.0%, oklch(82.76% 0.1013 230.32) 66.7%, oklch(78.59% 0.1230 231.45) 83.3%, oklch(75.35% 0.1390 232.66) 100.0%);

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

Light blue gradients

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