画像カラーピッカー
画像上でクリックしたピクセルの色を取得します。
このツールはJavaScriptで動作します。使うには、ブラウザでJavaScriptを有効にしてページを再読み込みしてください。
クリックして、カラーコードを取得。
画像カラーピッカーは、画像上でクリックした点の色を教えてくれます。マウスを動かすとカーソルの下の色がすぐに表示され、ルーペがカーソル周辺を拡大して中央のピクセルを枠で囲むので、大きな写真でも 1 ピクセル単位で狙えます。クリックした色はリストに追加され、HEX コード、RGB 値、HSL 値とともに表示されます。不要な色はリストから削除でき、すべての色をボタン 1 つでクリップボードにコピーできます。
このツールはすべてブラウザー内で動作します。画像が RUPO Studio のサーバーにアップロードされることはなく、ページを開いている間はインターネット接続が切れても動作し続けます。色は画面上で縮小表示された画像ではなく、画像の実際のピクセルから読み取るので、拡大縮小で混ざった色になることはありません。PNG、JPG、WebP、AVIF、GIF、BMP を開けます。画像の主要な色を自動で見つけたい場合は「カラーパレット抽出」、HEX コードを RGB と HSL に変換したい場合は「HEX → RGB」を使ってください。
最初から最後まで
- 画像を開く ファイルをドラッグするか選択します。画像はブラウザー内で開かれ、どこにもアップロードされません。
- 色を集める マウスを動かし、ルーペでピクセルを探してクリックします。クリックするたびに色がリストに追加されます。
- コピーする 「選択した色をコピー」で HEX と RGB の値をクリップボードに取り込みます。リストを消去して別の画像に移ることもできます。
よくある質問
カラーコードが見た目と少し違います。なぜですか？
このツールはファイルに保存されている実際の値を読み取ります。画面のカラープロファイル、明るさ、ナイトモードによって同じ値でも違って見えることがあります。デザインで使うべき値はファイル内の値です。
HEX、RGB、HSL の違いは何ですか？
3 つとも同じ色を別の書き方で表しています。HEX（#1a73e8）はウェブやデザインソフトで、RGB（26, 115, 232）はコードや画像編集ソフトで使われ、HSL は色を色相・彩度・明度で表します。
何色まで選べますか？
リストには一度に最大 24 色まで入ります。もっと必要な場合は、リストをコピーして消去してから続けてください。
入力したデータはサーバーに送られますか？
いいえ。このツールはすべてブラウザー内で動作し、入力や追加した内容が RUPO Studio のサーバーに送られることはありません。ページを開いている間は、インターネット接続が切れても動作し続けます。アカウントは不要です。利用は無料で、1 時間あたり・1 日あたりの上限はありません。結果を見る前に広告を見る必要もありません。
その他の画像ツール
RUPO Studio