ツール ガイド
デザイン 無料 サインアップ不要

アイドロッパー / スクリーンカラーピッカー

画面から任意の色を選択して、HEX、RGB、HSL、CMYK形式で即座に確認できます。

ツールを読み込み中…

このツールについて

ブラウザのEyeDropper APIを使用して画面上に表示されている任意の色をサンプリングできます — ブラウザウィンドウの外側も含みます。選択された色はHEX、RGB、HSL、CMYK形式で表示され、任意の値をクリックしてクリップボードにコピーできます。最後に選択した10色がスウォッチとしてlocalStorageに保存され、素早く再利用できます。

使い方

  1. 1 「色を選択」ボタンをクリックしてアイドロッパーカーソルを有効にしてください。
  2. 2 画面上の任意の場所をクリックしてその色をサンプリングしてください。
  3. 3 HEX、RGB、HSL、CMYK形式で表示された色を確認してください。
  4. 4 任意の形式の値をクリックしてクリップボードにコピーしてください。

よくある質問

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}