カラーコード抽出ツール｜クリックでHEX・RGBを確認

仕様解説

本ツールは、ブラウザの標準カラーピッカーを利用して色を選択し、HEXコードとRGB形式を表示するツールです。

中央の円をクリックするとカラーピッカーが開き、選択した色のコードを確認できます。コード部分をクリックすると、その値をコピーできます。

ChromeやEdgeなどの対応環境では、カラーピッカー内のスポイト機能を使って、別タブや別ウィンドウに表示されている色も取得できます。

最近使った色はブラウザ内のLocalStorageに保存されます。色の履歴データがサーバーへ送信されることはありません。

本ツールの用途

• Webサイトの色確認
  気になる色をスポイトで取得し、HEXコードやRGB形式で確認したいときに。
• コード変換
  選択した色のHEXコードとRGB形式を同時に確認したいときに。
• ブログやサイト制作
  見出し、ボタン、背景色などに使う色を確認・コピーしたいときに。
• 資料作成
  画像やスクリーンショットの色を参考に、資料やスライドの配色を合わせたいときに。
• よく使う色の再利用
  最近使った色を履歴から選び、同じ色をもう一度使いたいときに。

ログイン不要、登録不要、無料で利用できます。