このツールのソースコードです。自由にコピーしてお使いください。

選択した画像をデュオトーンに変換するツールです。
左下のカラーピッカーで選択した色をベースにHSLを変化(右下のスライダー)させてグラデーションを生成します。

:画像ファイルを読み込みます

:HTMLとCSSコードを表示します

:編集した画像をダウンロードできます

:グラデーションの角度を指定します

:デュオトーンをランダムに表示します
:画像をグレースケールにします

・カラーピッカー横のスライダーを変更するとグラデーションの開始位置、終了位置を調製できます。
・HSLをクリックしスライダーを調整すると終了色の「色相」「彩度」「輝度」を変更できます

関連パーツ