色を選択してHEX、RGB、HSL値をコピーできます。
#2563EBCtrl+D を押してこのページをブックマークしてください
カラーピッカーは、HEX、RGB、HSLなどさまざまな色形式をサポートする無料オンライン色選択ツールです。 ブラウザ上で直接動作し、データが外部に送信されません。 Webデザイン、グラフィック作業、プレゼンテーションなどで正確なカラーコードが必要な時に活用できます。
はい、HEXコードを直接入力して正確な色を選択できます。
3つはいずれも同じ色を別の書き方で表しているだけです。HEXは#FF5733のように短く、デザインファイルとCSSの間で写しやすい表記です。RGBは赤・緑・青の値を直接扱うのでコード上で色を計算するときに便利で、HSLは色相・彩度・明度に分かれているため「同じ色をもう少し暗く」といった調整が最も直感的にできます。
画面は光を足して色を作るRGB方式、印刷はインクを重ねて光を引くCMYK方式で、表現できる色域が異なります。特に蛍光に近い緑・オレンジ・水色はインクで再現できず、目に見えて濁ります。印刷が目的なら極端に彩度の高い色は避け、印刷所にはHEXではなくCMYK値かパントン番号で伝えてください。
ChromeやEdgeなどChromium系のデスクトップブラウザでは、ブラウザ内蔵のEyeDropper機能により他のウィンドウの色まで取得できます。SafariやFirefox、モバイルブラウザはまだ未対応のため、スポイトボタン自体が表示されません。その場合は画面をキャプチャして画像として読み込み、そこから色を抽出すれば同じ結果が得られます。