画像から色を抽出

どんな画像からも主要な色を取り出し、HEXコードをワンクリックでコピーできます。解析はすべてローカル — 画像がデバイスの外に出ることはありません。

プライバシー第一:すべての画像はブラウザ内でローカルに処理されます。サーバーへのアップロード・保存・送信は一切ありません。

実際の色と、その割合

この抽出は「この画像はどんな色でできていて、それぞれどれくらいか?」に答えます — 画像に占める割合で並べた主要色であって、様式化されたパレットではありません。テーマをヒーロー写真に合わせる、作品の中にすでにある差し色を選ぶ、画像をプログラムで記述する — そのために必要なのはこのデータです。

コピーしてすぐ使える値、ローカルで解析

抽出された各色には、CSS変数やデザイントークンにワンクリックで貼れるhexコードが付きます。解析がブラウザ内で行われるため、クライアントの素材、未公開のカバー、個人の写真まで、何でもサーバーに触れさせることなく処理できます。

よくある質問

解析のために画像はアップロードされますか?
いいえ。色の抽出、ヒストグラム、コントラストのチェックはすべてブラウザ内でローカルに実行されます。
どんな色情報が得られますか?
主要色、16 進数コードと占有率付きのコピー可能なパレット、そして RGB と輝度の完全なヒストグラムが得られます。
コントラストチェッカーは何のためのものですか?
2 色間の WCAG 2.1 コントラスト比を測定し、アクセシブルなテキストの基準である AA・AA Large・AAA を満たすかどうかを表示します。
色コードをコピーできますか?
はい。スウォッチをクリックすると 16 進数コードをコピーでき、パレット全体を一度にコピーすることもできます。