画像から色を取り出す

使い方

1. 画像を選ぶか、ドラッグ＆ドロップします。スクリーンショットや写真、ロゴなど何でも使えます。
2. 色を知りたい場所をタップ（クリック）します。スマホでは、指でなぞると拡大鏡で細かい位置を合わせられます。
3. HEX（#ff8800 の形）・RGB・HSLのカラーコードが表示されます。押すとコピーできます。

カラーコードの種類

• HEX：#の後に赤・緑・青を16進数2けたずつで表した形。Webやデザインツールでいちばんよく使います。
• RGB：赤・緑・青をそれぞれ0〜255で表した形。CSSでは rgb(255, 136, 0) と書きます。
• HSL：色相（0〜360°）・彩度・明度で表した形。同じ色のまま明るさだけ変えたいときに便利です。

「よく使われている色」は、画像の色を近いものどうしでまとめて、多い順に8色を選んでいます（メディアンカット法）。画像はブラウザの中で処理され、送信されません。