カラーエンボス効果
元の色を保ったまま、写真にエンボスのような立体感を加えます — 角度と強さを調整でき、すべてブラウザ内で処理されます。
入力
Drop an image or browse
One file · image
ブラウザ内で完全に処理されます — 画像はサーバーにアップロードされることはありません。
出力
結果
Your edited image will appear here.
SVGソース
役に立ちましたか？
このツールを使う他の方法
埋め込みウィジェット
<iframe
src="https://iotools.cloud/embed/imagekit/color-emboss-effect/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="カラーエンボス効果 — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>ご自身のページに貼り付けるだけ——無料、キー不要、リンクを掲載するだけです。
次の方法でも利用可能
ガイド
写真の色を残したまま、彫刻のような浮き出た質感を加えます。カラーエンボス効果ツールは、コントラスト、やわらかな彩度の強調、光の方向に基づく明るさの調整、そして控えめなシャープ化を組み合わせるため、灰色の金属板のようにならず、写真らしさを保ったままエンボスの立体感が出ます。
使い方
画像をアップロードし、2つのスライダーを調整します。
- エンボスの角度 — 画像に光が当たる方向をシミュレートした角度（0〜360度）です。ツールは円を4つの象限に分け、それぞれ異なる量だけ明るさを上げるため、浮き出た見た目にほのかな方向感が生まれます。
- エンボスの強さ — 効果全体の強さで、ほとんど目立たない（約0%）から、力強くくっきりしたエンボス（100%）まで調整できます。このスライダーひとつで、コントラスト、彩度、明るさの調整、シャープ化のカーネルをまとめて制御します。
スライダーを動かすと、結果がすぐに表示されます。結果はSVGファイルとしてダウンロードするか、マークアップのソースを直接コピーできます。
ヒント
- 強さは40〜60%程度から始めてみてください。それ以上の値では、細部の多い写真でシャープ化によりノイズが目立つことがあります。
- 角度の影響は主に強さが高いときに感じられます。強さが低いと象限ごとの明るさの差がわずかなので、どの角度でも似た見た目になります。
- 被写体がはっきりしていて明るく、適度なディテールを持つ写真（ポートレート、商品写真など）は、非常に混み合った写真や平坦な写真よりもエンボスの奥行きがよく表れます。
- ダウンロードしたSVGは元の画像をベクターで包んだものなので、どのサイズに拡大縮小しても画質が落ちません。ラスター画像の書き出しとは違い、きれいなまま使えます。
imageembossphoto effectfiltercolor