このツールはブラウザで即時実行できます。登録もサーバー処理も不要です。
このツールが役に立ちましたか？
byteflow.tools をインストールすると、起動が速くなり、オフラインでもツールを使えます。
インストールガイドこのツールが役に立ちましたか？
byteflow.tools をインストールすると、起動が速くなり、オフラインでもツールを使えます。
インストールガイド画像上の任意位置をクリックして、正確な HEX/RGB 色を取得・コピーできます。
画像から正確なピクセル カラーを選択し、設計 QA および開発引き継ぎのための座標コンテキストを含む HEX/RGB 値をキャプチャします。
キャンバス上の画像ピクセルをクリックして、正確な色の値をサンプリングできます。
HEX、RGB、およびサンプリングされた座標位置を報告します。
アップロードされたファイルと生成されたサンプル画像のワークフローをサポートします。
コピー可能な出力ブロックとダウンロード可能なカラー カード イメージをエクスポートします。
画像ソース
アップロードされた PNG/JPG またはサンプル画像
アクションを選択
キャンバス プレビュー上の点 (x, y) をクリック
カラーサンプル
ピクセル (184, 96)
HEX
#3B82F6
RGB
rgb(59, 130, 246)
コーディネートレポート
位置: (184, 96)
選択した色が予想される表示色と異なります
画像のスケーリングとカラー プロファイルの違いを確認してください。
間違ったピクセルが選択されました
正確なカーソル位置でズームインまたは再度選択します。
クリア後に出力がリセット
画像ソースをリセットまたは切り替える前に値をコピーしてください。
ファイルのアップロードが拒否されました
サイズ制限内でサポートされている画像タイプを使用してください。
ワンクリックでのパレット抽出が期待されます
マルチカラー パレットには専用の抽出ツールを使用します。
画像カラーピッカー は、提出・公開・引き継ぎの前に行う迅速な検証ステップとして運用するのが適切です。
HEX 出力と RGB 出力の両方を取得できますか?
はい、両方の値の形式が提供されます。
カラーがサンプリングされた場所が表示されますか?
はい、出力にはピクセル座標が含まれています。
アップロードせずにサンプル画像を使用できますか?
はい、サンプル モードが利用できます。
ツール間で値が異なるのはなぜですか?
ツールによってスケーリングや処理が異なる場合があります。
選択したカラー カードをエクスポートできますか?
はい、ダウンロード出力にはカラー見本画像が含まれています。