このツールが役立つ場合
意図した色の範囲が周囲の内容と視覚的に区別できる、平坦なロゴ、アイコン、インターフェース資産、図、製品のアクセントの色付け。
局所処理の仕組み
ブラウザはデコードされたRGBピクセルを選択した元の色と比較し、許容範囲とフェザリングから制限されたブレンドウェイトを導き出し、必要に応じて輝度と元のアルファを保持し、ターゲットカラーを合成し、PNGとして書き出します。
使い方
- ソースを準備する: 意図した色の範囲が周囲の内容と視覚的に区別できる、平坦なロゴ、アイコン、インターフェース資産、図、製品のアクセントの色付け。
- ローカルで処理する: ブラウザはデコードされたRGBピクセルを選択した元の色と比較し、許容範囲とフェザリングから制限されたブレンドウェイトを導き出し、必要に応じて輝度と元のアルファを保持し、ターゲットカラーを合成し、PNGとして書き出します。
- ダウンロードして確認する: 結果を100%の拡大で元画像と並べて比較し、アンチエイリアスされた端、グラデーション、影、類似色の無関係なオブジェクトを確認し、対照的な背景で透過性をテストし、正確な出力寸法を確認してください。
重要な制限事項
色距離は色管理された知覚的編集ではなくRGBによる近似です。圧縮ノイズ、グラデーション、アンチエイリアシング、反射、肌の色、および重なり合う色により、部分的または意図しない置換が生じることがあります。プロファイルやメタデータは保持されません。
ダウンロードした結果を確認する
結果を100%の拡大で元画像と並べて比較し、アンチエイリアスされた端、グラデーション、影、類似色の無関係なオブジェクトを確認し、対照的な背景で透過性をテストし、正確な出力寸法を確認してください。
私設設計
あなたのファイルはこのブラウザに残ります。ツールはソースや出力をサーバーにアップロードしません。
質問と回答
このツールはいつ役立ちますか？
意図した色の範囲が周囲の内容と視覚的に区別できる、平坦なロゴ、アイコン、インターフェース資産、図、製品のアクセントの色付け。
ブラウザは実際に何をしますか？
ブラウザはデコードされたRGBピクセルを選択した元の色と比較し、許容範囲とフェザリングから制限されたブレンドウェイトを導き出し、必要に応じて輝度と元のアルファを保持し、ターゲットカラーを合成し、PNGとして書き出します。
理解しておくべき制限は何ですか？
色距離は色管理された知覚的編集ではなくRGBによる近似です。圧縮ノイズ、グラデーション、アンチエイリアシング、反射、肌の色、および重なり合う色により、部分的または意図しない置換が生じることがあります。プロファイルやメタデータは保持されません。
結果をどのように確認すべきですか？
結果を100%の拡大で元画像と並べて比較し、アンチエイリアスされた端、グラデーション、影、類似色の無関係なオブジェクトを確認し、対照的な背景で透過性をテストし、正確な出力寸法を確認してください。