使い方
- 「画像を選択」で画像を選ぶか、ここにドロップするか、Ctrl+V でスクリーンショットを貼り付けます。
- 画像の上にカーソルを動かすと、拡大鏡に正確なピクセルが表示されます。
- クリックして色を取得し、HEX・RGB・HSL のいずれかでコピーします。
- パレットで、画像の主要な色とそれぞれが占める割合を確認します。
オプションの説明
- パレットの色数
- 抽出する主要な色の数です。似たピクセルをグループにまとめて各グループの平均色を表示し、画像に占める面積の大きい順に並べます。
使用例
ブランドカラーを合わせる。 ロゴのスクリーンショットを貼り付けてクリックすれば、HEX コードがわかります。
写真からパレットを作る。 風景写真をアップロードし、主要な 5 色をコピーしてデザインに使えます。
よくある質問
パレットはどうやって計算していますか？
メディアンカット法を使っています。画像の色を似た色のグループに繰り返し分割し、各グループの平均色をパレットの 1 色にします。透明なピクセルは無視されます。
取得した色がデザインデータと少し違うのはなぜですか？
色は、ブラウザが画像を sRGB に変換したあとで読み取っています。Display P3 などの広い色空間で保存された画像は変換され、JPEG の圧縮でも個々のピクセルはわずかに変化します。最も正確な値を得るには、境界ではなく色が均一な部分から取得してください。
画像はアップロードされますか？
いいえ。画像はブラウザ内で読み込まれます。
プライバシー
このツールはすべてブラウザ内で動作します。ファイルやテキストはお使いの端末上で処理され、当サイトのサーバーにアップロードされることはありません。