画像を1枚選ぶ
またはここへドロップ
JPEG・PNG・WebPなど · 1枚（50MBまで）
プレビュー
画像を選ぶと、ここに表示します。読み込みはこの端末の中だけで行います。
色の調べ方
画像を小さく縮めてから近い色をまとめ、よく使われている色を12色まで拾い出します。透明な部分は数えません。
画像を選ぶと実行できます。
使い方
- 色を調べたい画像を選びます。
- 見つかった色と明るさを確認します。
- 色を押すと、カラーコードをコピーできます。
できること
- よく使われている12色と平均の色
- 明るさの順と、赤・緑・青の分布
- カラーコードのコピーと文字の読みやすさ
対応形式・制限
画像を縮小してから近い色をまとめるため、おおよその色になります。厳密な色の測定には向きません。
処理について
選んだファイルはブラウザの中で処理しています。画像の内容やファイル名を当サイトのサーバーへ送ることはありません。サイズの大きな画像では、端末のメモリが足りなくなることがあります。
用語メモ
画面ではやさしい言葉で表示している、専門的な用語の意味です。
- カラーコード（HEX）
- #d94f70 のように、色を6桁の英数字で表したものです。Webやデザインツールで使います。
- RGB / HSL
- RGBは赤・緑・青の強さで、HSLは色合い・鮮やかさ・明るさで色を表す方法です。
- コントラスト比
- 文字と背景の明るさの差を数字にしたものです。4.5以上あれば、ふつうの大きさの文字が読みやすい目安です。
- カラーパレット
- 画像やデザインに使われている色を並べたものです。