コンテンツへスキップ

Grabient のパレット

オレンジから紫の虹色の線形グラデーション

オレンジから紫の虹色のカラーパレット

線形グラデーション、7色、角度90°:#fd3858, #fda02a, #eae93c, #45d581, #2bc3ed, #3e5ce7, #a33ee6。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #fd3858
  • #fda02a
  • #eae93c
  • #45d581
  • #2bc3ed
  • #3e5ce7
  • #a33ee6

CSS

background: linear-gradient(90deg in oklch, oklch(65.35% 0.2287 18.28) 0.0%, oklch(78.35% 0.1626 65.84) 16.7%, oklch(90.55% 0.1805 109.16) 33.3%, oklch(77.56% 0.1709 153.55) 50.0%, oklch(75.98% 0.1323 222.23) 66.7%, oklch(53.94% 0.2122 268.73) 83.3%, oklch(58.27% 0.2411 307.83) 100.0%);

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

Conic gradients

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