オンライン カラーピッカー・色空間インスペクター

オンライン カラーピッカー・色空間インスペクター

ローカル処理

画面上で直感的に色を選択し、HEX、RGB、HSL、HSV、CMYKの全規格値を同時に取得します。

使い方と処理基準

画面上で直感的に色を選択し、HEX、RGB、HSL、HSV、CMYKの全規格値を同時に取得します。

ツールの処理はブラウザ内で行われます。計算・変換の共有リンクを作成すると値がURLに含まれます。アカウント・アクセス解析・広告の情報はプライバシーポリシーをご確認ください。

処理制限

  • 最大入力文字数: 100,000文字

目で見ながら色を選び、その色のコードを複数の表記ですぐコピーするときに使います。端末によっては画面の色を拾うスポイト機能も使えます。

できること

カラーピッカー
ブラウザ標準のカラーピッカーで色を選びます。
5つのコード
HEX・RGB・HSL・HSV・CMYKを一緒に表示します。

オンライン カラーピッカー・色空間インスペクターの使い方

  1. 1
    色を選ぶ色の欄を押して選ぶか、HEXを入力します。
  2. 2
    コードをコピー必要な表記をコピーします。

活用例

トマト色
入力: #ff6347
結果: rgb(255, 99, 71)、hsl(9.1, 100%, 63.9%)、cmyk(0%, 61.18%, 72.16%, 0%)

主な利用シーン

  • Webページやアプリに使う色を選んでコードを得るとき
  • 色の名前しか知らないときに近い色を探すとき

よくある質問 (FAQ)

画面の別の場所から色を拾えますか?

デスクトップ版のChrome・Edgeなどはピッカー内のスポイトで画面の色を拾えます。対応はブラウザとOSによって異なります。

このツールへのご意見・ご要望はありますか? 提案・お問い合わせ →