画像ティントエフェクト
Free画像にカラライズ（単色トーン）またはデュオトーン（二色グラデーションマップ）効果をライブプレビューで適用します。
すべてブラウザ内で動作します。画像がどこかにアップロードされることはありません。
クリックして画像を選択するか、ここにドラッグ＆ドロップしてください
最近のアクティビティ
全員に公開されています。すべての訪問者による直近20回の使用履歴を新しい順に表示します。
まだアクティビティはありません。最初の一人になりましょう。
このツールの機能
写真に2つの古典的なティントエフェクトを適用します:カラー化(明るさのディテールを保持しながら画像を単一の色に着色)とデュオトーン(シャドウを1つの色に、ハイライトを別の色にマッピングする、Spotifyのマーケティングによって普及した大胆な2色の見た目)、それぞれライブプレビューとPNGダウンロードが付いています。
仕組み
カラー化は各ピクセルをHSLに変換し、色相と彩度を選択したティントカラーのものに置き換え、元の明度を保持し、RGBに戻して変換し、選択した強度パーセンテージで結果を元のピクセルとブレンドします。デュオトーンは代わりに、標準の輝度式を使用して各ピクセルの明るさ(輝度)を0から1のスケールで計算し、その後シャドウカラー(輝度0)とハイライトカラー(輝度1)の間を線形補間して出力色を求めます。オプションのマッピングを反転設定は、そのスケールのどちらの端がどの色になるかを入れ替えます。
解決できる問題
- ディテールとコントラストを維持しながら、写真に一貫したカラームードやブランドティントを与える。
- どんな写真からでも、大胆でハイコントラストな2色のポスターやアルバムアート風の処理を作成する。
- テーマ別ギャラリー、プレゼンテーション、またはデザインのために、写真の配色を特定のパレットに合わせる。
よくある質問
›カラー化は単純なカラーオーバーレイとどう違うのですか?
フラットなカラーオーバーレイは、単に単色を写真の上に均一にブレンドするだけです。カラー化は代わりに各ピクセルの元の明るさ(明度)を保持し、色相と彩度だけを選択した色のものに置き換えるため、シャドウは暗いままで、ハイライトは明るいままで、写真のトーン構造とディテールが見えるまま、覆われるのではなく着色されます。
›なぜカラー化で白黒の領域は白黒のままなのですか?
純黒は明度0%、純白は明度100%であり、この2つの極端な状態では、指定した色相や彩度に関係なく、HSLカラーモデルは黒または白を生成します。明度がゼロまたは完全な場合、表示すべき色がありません。これが、完全なカラー化強度でも真のシャドウとハイライトが中間色に保たれる理由です。
›デュオトーン効果とは何ですか、また「Spotifyスタイル」という名前はどこから来たのですか?
デュオトーン(またはグラデーションマップ)は、画像内のすべてのグレーの濃淡を、2色間のグラデーションから選ばれた色に置き換えます。最も暗いピクセルはシャドウカラーに、最も明るいピクセルはハイライトカラーになり、その間はすべて滑らかにブレンドされます。Spotifyがマーケティングやプレイリストカバーで大胆な2色の写真処理を使用して以来、強くSpotifyと関連付けられるようになりました。
›デュオトーンの「マッピングを反転」は何をしますか?
これは、明るさの範囲のどちらの端がどの色になるかを入れ替えます。写真の暗い部分はハイライトカラーになり、明るい部分はシャドウカラーになります。2つのカラーピッカーを手動で入れ替える必要なく、全体の見た目を反転させます。
›写真はどこかにアップロードされますか？
いいえ。両方のエフェクトは、HTML canvas APIを使用してブラウザ内で完全に計算・レンダリングされます。サーバーには何も送信されません。
コメント (0)
このツールは役に立ちましたか?コメントを残したり、コツを共有したり、改善方法を教えてください。
まだコメントはありません。最初にご意見をお寄せください!