使い方
プレビューを見ながら値を調整し、コードまたは画像を保存します。
🖌️
画面カラーピッカー・画像スポイト
画面や画像のポインター位置から色を選び、HEX・RGB・HSL・HSVコードを確認してコピーできます。
SCREEN EYEDROPPER
画面から色を選択
ボタンを押して画面上の任意の場所をクリックします。ブラウザ外の色も選べます。
画像のポインター位置から色を取得
画像を追加し、マウスを動かすかタップしてください。クリックした色を保存できます。
カラーコード
調和カラーパレット
最近選んだ色
文字コントラスト確認
選択色を文字色または背景色にしてWCAGコントラストを確認します。
この文字は読みやすいですか？
Aa 123
CONTRAST RATIO
15.21:1
通常文字 AA✓ 合格大きい文字 AA✓ 合格
🔒 画像と選択履歴はサーバーへ送信されず、このブラウザ内だけで処理されます。
ツールガイド
こんな時に
内容確認日 · 2026-07-28
画面や画像のポインター位置から色を選び、HEX・RGB・HSL・HSVコードを確認してコピーできます。
結果を見る前に
ブラウザ、OS、画面、入力機器によって結果が変わることがあります。
データの取扱い
入力とファイルはこのブラウザ内で処理され、作業のためにアップロードされません。