Softonic

画像ティント追加ツール

ステップ 1 / 4

着色（ティント）は、半透明のカラーを画像に重ねることで写真全体の雰囲気を一変させます。画像をアップロードして色を選ぶと、設定した不透明度でその色が上から合成されます。メイン画像にブランドカラーを重ねたり、冷たい印象の写真を暖かく見せたり、シャドウとハイライトで色を変えたデュオトーンのSpotifyプレイリスト風カバーを作ったりするのに便利です。

画像に色を重ねる方法

  1. 1

    画像をアップロード

    JPG、PNG、WebP。

  2. 2

    ティントの色を選ぶ

    HEXまたはカラーピッカーで指定、ブランドカラー、暖かいオレンジ、冷たいブルーなど。

  3. 3

    ブレンドモードと不透明度を設定

    フラットな着色には通常、シャドウを深めるには乗算、ダイナミックなコントラストにはオーバーレイを選びます。

  4. 4

    オプション：デュオトーン

    ハイライト用に2色目を選ぶと、階調の範囲を2色にマッピングします。

  5. 5

    エクスポート

    JPGまたはPNGとして保存します。

意図を持って着色する

ブレンドモード

モード カラーレイヤーでの効果
通常 設定した不透明度でフラットにカラーを重ねる
乗算 暗くなる。純白のティントは効果なし
スクリーン 明るくなる。純黒のティントは効果なし
オーバーレイ シャドウでは乗算、ハイライトではスクリーンを組み合わせる
カラー 輝度を保ち、色相と彩度を置き換える
色相 輝度と彩度を保ち、色相のみを置き換える

デュオトーンの技法

階調の暗い側を一方の色に、明るい側をもう一方の色に割り当てます。

  • Spotify風：深いパープルのシャドウ＋明るいグリーンのハイライト。
  • 暖かい夕焼け：深いオレンジのシャドウ＋淡いイエローのハイライト。
  • ムーディー：ネイビーのシャドウ＋淡いピーチのハイライト。

デュオトーンはポートレートによく合います。肌の陰影が2色のマッピングに自然になじむためです。

よくあるティントの活用例

  • ブランドの統一感：すべてのブログのメイン画像に淡いブランドカラーを重ねる。
  • 暖色と寒色：記事のトーンに合わせて写真の雰囲気を調整する。
  • カテゴリー分け：サイトのセクションごとに異なる色を使う。
  • アクセシビリティの下地：白い文字の背後の写真を暗くして文字を読みやすくする。

不透明度の目安

  • 10〜20%：わずかな雰囲気の変化。写真はほぼそのまま見える。
  • 30〜50%：はっきりとした着色。ブランドと視覚的に統一され始める。
  • 60〜80%：強いカラーの被り。写真より色が主役になる。
  • 90〜100%：ほぼ単色で写真の名残がわずかに残る程度。強すぎることが多い。

よくある質問

ティントは、選んだ不透明度で均一なカラーを上から重ねます。フィルター（セピアやグレースケールなど）は、ピクセルごとに変化する行列変換を適用します。ティントはよりシンプルで、色と強さを直接コントロールできます。

カラーモードは写真の輝度を保ちつつ、ティントの色相と彩度だけを適用します。写真は見えたままブランドカラーをまといます。不透明度30〜50%の乗算でも、より深みのあるやや暗めの仕上がりになります。

はい。色・不透明度・ブレンドモードの組み合わせをプリセットとして保存し、一連の写真に適用して統一感を出せます。プリセットはブラウザに保存されます。

はい。アルファ付きのPNGはそのまま保持されます。ティントは表示されているピクセルにのみ適用され、透明なピクセルは透明のままです。

関連ツール

マテリアルデザイン カラーピッカー

Material Designのカラーパレットを閲覧できます。任意の色調（50からA700）を1タップでHEX、RGB、HSL形式でコピーできます。

画像アップスケーラー

AI超解像または従来の補間処理で、低解像度画像を2×、3×、4×に拡大しながら重要なディテールを保ちます。

新聞メーカー

自分で書いた見出しと記事から新聞風の一面を作り、コピー、プレーンテキストのダウンロード、ブラウザ印刷ができます。

ビジョンボードメーカー

目標をひとつのボードに視覚化：画像をアップロードし、オリジナルのタイトルとキャプションを添え、色とレイアウトを選べば、印刷用のPNGとしてダウンロードできます。入力した内容はすべてブラウザの中だけにとどまります。

クロスステッチ図案メーカー

JPEG・PNG・WebPを、10～150目、2～40色、記号、正確な目数、布サイズ付きの印刷可能なクロスステッチ図案に変換します。

旗作成ツール

6種類のレイアウト、色、文字、シンボルで、シンプルな3:2のカスタム旗をブラウザ内でデザインします。SVGまたはPNGをダウンロードするか、ブラウザの印刷ダイアログを開けます。

このツールは他の言語でも利用できます