画面カラーピッカー

スクリーンショットをドロップし、任意のピクセルの正確な色を HEX、RGB、HSL で読み取り — カーソルに合わせて更新。

画像がありません

ここに画像をドラッグするか、⌘V / Ctrl+V でスクリーンショットを貼り付けるか、ファイルを選択してください。

PNG、JPG、WebP、GIF、BMP — 最大 20 MB、16 メガピクセル。

すべてブラウザー内で動作します。画像はメモリから読み取られ、アップロードされることはありません。

ブラウザーが対応していれば、「画面から取得」で画面の任意の場所から色を直接読み取れます。ボタンがない場合は、スクリーンショットを撮って貼り付けてください。

固定した色

まだ固定されていません。画像内のピクセルをクリックしてください。

使い方

  1. 画像を読み込みます。ドラッグするか、⌘V / Ctrl+V でスクリーンショットを貼り付けるか、ファイルを選択するか、「サンプルを読み込む」を押します。
  2. 画像上でカーソルを動かすと、HEX、RGB、HSL がリアルタイムで更新され、デスクトップでは 11 × 11 ピクセルの拡大鏡が表示されます。
  3. ピクセルをクリックまたはタップすると下の固定リストに追加され、任意の値をワンクリックでコピーできます。
  4. ブラウザーが対応していれば、「画面から取得」を押して、画像を読み込まずに画面の任意の場所から色を読み取れます。
  5. キーボード:画像にフォーカスし、矢印キーでサンプル点を移動(Shift を押すと速く移動)、Enter で色を固定します。
  6. 「クリア」を押すと、画像、読み取り値、リストをリセットします。

例

サンプル画像

ykit-sample.png
1200 × 800 · 6 つの色ブロック、グラデーション、透明パッチ 1 つ

読み取り値

#1E5FBF
rgb(30, 95, 191)
hsl(216, 73%, 43%)
色系:青 · 位置 240, 180

読み取り値は、拡大表示ではなくカーソル下の生のピクセルから取得します。完全に透明なピクセルは #000000 を表示せず、色がない旨を報告します。

ルール・制限・既知の問題

  • 色系の名前は色相と明度に基づく大まかな分類であり、正確な色名ではありません。
  • 完全に透明なピクセルには色がありません。ツールは #000000 を表示せず、その旨を伝えます。部分的に透明なピクセルは自身の RGB を保持し、アルファのパーセントを表示します。
  • 値は生のピクセルから取得しますが、プレビューは表示に合わせて縮小されます。アンチエイリアスの境界では色がブレンドされるため、輪郭ではなく図形の内側をサンプリングしてください。
  • 画面からの取得にはブラウザーの EyeDropper 対応とユーザー操作が必要です。利用できない場合はボタンが隠れます。スクリーンショットを撮って貼り付けてください。
  • 画像は一度に 1 枚、最大 20 MB、16 メガピクセルです。それより大きいものは、黙って遅くなるのではなく事前に拒否します。
  • 写真はホワイトバランス、圧縮、画面の調整の影響を受けます。取得した値はファイルと一致しますが、実物と一致するとは限りません。
  • 主要パレットの抽出、形式変換、画像編集、画面定規はありません。これらは別のツールで、下にリンクしています。

値を取得した後に使うツールです。