コンテンツへスキップ

Grabient のパレット

パステル調の同系色のグレーと青の線形スウォッチ

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

線形スウォッチ、5色、角度90°:#f1f8fc, #d4eaf7, #b6dcf3, #99ceee, #7bc0ea。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #f1f8fc
  • #d4eaf7
  • #b6dcf3
  • #99ceee
  • #7bc0ea

CSS

background: linear-gradient(90deg, oklch(97.50% 0.0092 232.36) 0.000% 20.000%, oklch(92.48% 0.0293 233.61) 20.000% 40.000%, oklch(87.47% 0.0511 234.74) 40.000% 60.000%, oklch(82.57% 0.0711 235.27) 60.000% 80.000%, oklch(77.76% 0.0921 236.39) 80.000% 100.000%);

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

Light blue gradients

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