Murelio

必要な機能を読み込んでいます。

CSSグラデーション生成

3 HEX色・angle・middle stopでCSS linear-gradientを作ります。

使い方

  1. 色・angle・stopを調整しCSSをcopyします。

主な機能と処理範囲

0%/指定stop/100%の3色previewです。

処理の仕組み

linear-gradient(...)を生成します。

例

例: 135deg・middle stop 50%なら3色の斜めlinear gradientになります。

こんな場面で便利

  • background gradient草案に

利用前の確認

  • interpolation space等は指定不可です。

よくある質問

radialも?

いいえ。linearのみです。

関連ツール