画像から RGB カラーを取得する — オンライン スポイト
ブラウザで直接写真から任意の色を選択します。ズーム ルーペでピクセルが拡大され、ワンクリックで HEX、RGB、HSL コードが表示され、コピーできます。
処理中...
0%
画像ファイルの読み込み
ピクセル精度のプレビューを描画する
スポイトをアクティブにする
結果
このページでは、画像から RGB 値を読み取るための画像カラー ピッカーが開きます。 PNG、JPG、または WebP ファイルをロードし、プレビュー上にマウスを移動してライブ値を表示し、ピクセルをクリックします。コピー ボタンが付いた rgb(r, g, b) カードが、HEX および HSL と同じ色とともに表示されます。
RGB は、スタイルシートではなくコードを操作する場合に選択される表記法です。キャンバス描画、画像処理スクリプト、LED カラー値、および多くのチャート ライブラリでは、3 つの個別の 0 ～ 255 チャネルが必要です。ルーペはカーソル周囲の 11×11 ピクセルを拡大するため、ノイズの多い写真や 1 ピクセルの細い線でも、きれいなチャンネル読み取り値を選択できます。
すべてがブラウザ内でローカルに行われます。画像がデバイスから離れることはありません。そのため、ツールは未公開のデザインやプライベートな写真に対して安全です。履歴バーには、最後に選択した 8 つの選択がクリック可能な見本として保存され、3 つのカードを超える変換 (印刷用の CMYK など) の場合は、値がカラー フォーマット コンバータ ツールに渡されます。