無料オンラインカラーピッカー
色を選択してHEX、RGB、HSLの値を即座に取得します。
Who uses the カラーピッカー?
- CSS用にブランドスタイルガイドから正確なHEXコードを抽出するウェブデザイナー。
- デザイン仕様のためにHEX、RGB、HSL、CMYK間で変換する開発者。
- 塗料や生地の色をデジタル参照と一致させるアーティストや職人。
How the カラーピッカー works
カラーサンプルをクリックしてブラウザネイティブのカラーピッカーを開き、任意の色相、彩度、明度を選択します。
または、既知の6桁のHEXコード(例：#3b82f6)をテキストフィールドに入力して、その正確な色を読み込みます。
HEX、RGB、HSL、CMYKの値が下に即座に更新されます。
任意の「コピー」ボタンをクリックして、その形式の値をクリップボードにコピーします。
Tips & tricks
- ここにはスポイトや画面色サンプリング機能はありません——色の選択はブラウザネイティブのカラーホイールダイアログか、HEXコードを直接入力することによってのみ行われます。
- パレットジェネレーター、補色/類似色/三色配色の提案、色合い/陰影の出力はありません——このツールは一度に1つの色のみを変換して表示します。
- 組み込みのアクセシビリティ/WCAGコントラストチェッカーはありません——ここで色を選び、専用のコントラストチェッカーツールで別途コントラストを確認してください。
- HEXテキストフィールドは完全な6桁コード(例：#3b82f6)のみを受け付けます——3桁の省略形HEX(#3bfなど)は認識されません。
Frequently Asked Questions
画像や画面から色を選択するにはどうすればいいですか？
このツールには組み込みのスポイト/画面サンプリング機能はありません——ブラウザネイティブのカラーピッカー(カラーホイール/スライダーダイアログ)と手動HEX入力のみを提供します。既存の画像や画面から色を取得するには、お使いのオペレーティングシステムに組み込まれたカラーピッカーツール(例：macOSのデジタルカラーメーター、Windows PowerToysカラーピッカー)またはブラウザの開発者ツールのスポイトを使用し、結果のHEXコードをここに貼り付けてください。
HEX、RGB、HSLカラー形式の違いは何ですか？
HEX(#FF5733)はウェブ/CSSで使用される略記法です。RGB(255, 87, 51)は赤、緑、青の成分を0〜255で指定します。HSL(11°, 100%, 60%)は色相、彩度、明度を使用し、デザイン調整により直感的です。このツールは3つすべてを同時に表示します。
CMYKとは何で、いつ必要ですか？
CMYK(シアン、マゼンタ、イエロー、ブラック)は印刷で使用されるカラーモデルです。デザインを印刷業者に送る場合は、CMYK値を尋ねてください——画面(RGB/HEX)の色は印刷時に異なって見えることがあります。
このツールはWCAGコントラストやアクセシビリティ準拠をチェックしますか？
いいえ——選択した色をHEX/RGB/HSL/CMYKに変換して表示するだけです。白/黒に対するコントラスト比を計算したり、WCAGの合否をマークしたりすることはありません。アクセシビリティのコントラストを確認するには、選択したHEX値で専用のコントラストチェッカーツールを使用してください。
このツールは1つの色から完全なカラーパレット(補色、類似色、三色配色)を生成できますか？
いいえ——このツールは選択した1つの色を異なる形式で変換して表示するだけです。パレットの提案、色合いや陰影は生成しません。基本色からパレットを作成するには、専用のカラーパレットジェネレーターを使用してください。
Is my data safe when using the カラーピッカー?
Completely safe. The カラーピッカー processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
What image formats does the カラーピッカー support?
The カラーピッカー works with common image formats supported by your browser, including JPEG, PNG, WebP, and GIF. SVG support varies by tool. No format conversion plugin or driver is needed.
Does the カラーピッカー work with large image files?
Yes. The カラーピッカー processes files entirely in your browser using the Canvas API. Very large files (over 20 MB) may take a few extra seconds on older or lower-powered devices. Closing other tabs can free up memory for better performance.