UTILS.
100% ブラウザ内で完結
◐◑

デュオトーンジェネレーター

2色のデュオトーングラデーションを、コピー可能なCSS付きで作成します。

CSS出力をクリックするとコピーできます。

このツールについて

シャドウ色とハイライト色を選んで2色のデュオトーングラデーションを作成します。ライブプレビューとコピーしてすぐ使えるCSSを備え、すべてブラウザ内で動作します。

よくある質問

どんなCSSが出力されますか?
シャドウ色からハイライト色へ、指定した角度で変化するlinear-gradient()の背景を生成します。
CSSをコピーするには?
出力ボックスをクリックすると、背景の宣言全体がクリップボードにコピーされます。

その他のツール