ロゴの正確な色
ロゴカラー抽出ツール
ロゴカラー抽出ツールは、ロゴファイルに含まれる正確なカラーコードを見つけます。背景と、輪郭に沿って混ざったピクセルを除去し、ロゴの各色をHEX、RGB、HSL、OKLCH、Lab、CMYK推定値で返します。
- 無料・登録不要
- 画像は端末の外に出ません
- ピクセル単位の正確な色
ここにロゴをドロップ
またはCtrl+Vで貼り付け. SVG、PNG、JPG、WebP。透過PNGまたはSVGなら正確な色を取得できます。
ロゴカラー抽出ツールはどのように動作しますか？
ロゴカラー抽出ツールは、ロゴファイル内の正確な色を数え、背景や輪郭の混色に属する色を除き、残りの色を面積の大きい順に返します。
ロゴを追加
SVG、PNG、JPG、WebPファイルをドロップするか、コピーしたロゴを貼り付けます。SVGファイルと透過PNGファイルでは正確な値が得られます。
背景を除去
画像の外周の60%以上が1色の場合、その色を背景とみなしてパレットから外します。スイッチで元に戻せます。
輪郭の混色を除外
曲線に沿ったピクセルには、隣り合う色が混ざっています。2つのロゴカラーを結ぶ混色線上にあり、輪郭にだけ現れる色は除去されます。
コードをコピー
ロゴの各色について、HEX、RGB、HSL、HSB、OKLCH、Lab、CMYKの値と、白と黒に対するWCAGコントラストが表示されます。
ロゴに余分な色が表示されるのはなぜですか？
ロゴに余分な色が表示される原因は、アンチエイリアスと圧縮です。アンチエイリアスは曲線や斜めの輪郭に沿ったピクセルを隣の色と混ぜ、JPEG圧縮は輪郭付近の色をずらします。
ロゴモードは、グループを平均化せずに正確な色を数え、各色で最も頻度の高い実際の値を残し、混色を除去します。写真向けの抽出ツールは、これらの混色を別々の色として報告します。
最も正確な色が得られるロゴファイルはどれですか？
| ファイル形式 | 色の正確さ | 理由 |
|---|---|---|
| SVG | 正確 | ベクター図形はカラーコードをテキストとして保存しており、抽出ツールは結果をその値に合わせます |
| PNG | 正確 | 可逆圧縮により、すべてのピクセル値が保たれます |
| WebP（可逆）とGIF | 正確 | 可逆形式で保存されます。GIFは最大256色です |
| JPEG | 近似 | 非可逆圧縮とクロマサブサンプリングにより、特に輪郭で色が変わります |
ファイル形式と印刷用コードについては、ガイドロゴの正確なカラーコードを調べる方法（英語）で詳しく解説しています。
ロゴにはどのカラーコードが必要ですか？
ロゴには、Webサイト用のHEXコード、画面デザイン用のRGB値、プロセス印刷用のCMYK値、特色印刷用のPantone番号が必要です。
| コード体系 | 用途 | このツールでの提供 |
|---|---|---|
| HEX | WebサイトとCSS | 正確な値 |
| RGB | 画面、アプリ、動画 | 正確な値 |
| CMYK | プロセス印刷 | ICCプロファイルを使わない推定値 |
| Pantone (PMS) | 特色印刷 | 提供なし（Pantoneの色データはライセンス制のため） |
Webサイトでロゴの色が使われているかはどう確認しますか？
Webサイト配色抽出ツールでサイトを調べ、ブランドカラーとロゴのHEXコードを比較します。2つのコードが異なる場合、サイトはロゴの色の近似値を使っています。
「コントラスト」タブでは、ロゴの各色が白または黒の背景上の文字としてWCAGコントラストを満たすかを確認できます。WCAGはロゴをコントラスト要件の対象外としていますが、ブランドカラーで表示する文字には4.5:1が必要です。
ロゴカラー抽出ツールが必要なのはどんな人ですか？
小規模事業者
ストアのテーマ、お知らせバー、SNS用画像をロゴの正確な色に合わせます。
デザイナー
ブランドガイドがない場合に、クライアントのロゴからブランドパレットを再構築します。
印刷発注担当者
正確な画面用の値とCMYKの目安を集め、印刷会社との相談に使います。
開発者
ロゴの色をCSS変数やTailwindテーマとしてエクスポートします。
ロゴカラー抽出ツールのよくある質問
ロゴのPantoneカラーはわかりますか？
いいえ。Pantoneの色データはライセンス制のため、抽出ツールは正確なHEX値とRGB値、CMYK推定値を提供します。これらの値からPMSカラーを照合するのは、印刷会社またはPantone純正のツールです。
JPGのロゴで想定より多くの色が表示されるのはなぜですか？
JPEG圧縮によって輪郭付近の色が変わるためです。近い色を統合の値を上げるか、正確な値が得られるPNG版またはSVG版のロゴを使ってください。
背景がロゴの一部である場合はどうすればよいですか？
背景を除去をオフにしてください。背景色が画像内の割合とともにパレットに戻ります。
ロゴはアップロードされますか？
いいえ。ロゴはブラウザ内でデコードと解析が行われ、端末の外に出ることはありません。
Webサイト上のロゴの色を取得できますか？
はい。Webサイト配色抽出ツールは、URLのヘッダーロゴとサイトアイコンを読み取り、その色をCSSの色と並べて表示します。