ツール/コード＆開発者/カラーピッカー

カラーピッカー

色を選択してコードを取得します。

100%デバイス上 · アップロードなし

色を選択:

HEXコード:

RGBコード:

01 · 無制限

何度でも無料でご利用いただけます。

02 · プライベート

ファイルは端末から送信されません。すべてブラウザ内で処理されます。

03 · 高速

処理はローカルで行われ、数秒で完了します。

色を選んで変換する方法

ピッカーをドラッグするか値を入力して、任意の色を選びます。

HEX・RGB・HSLなどが同時に即座に更新されます。

ワンクリックで、プロジェクトが使う形式をコピーします。

✓HEX・RGB・HSLを並べて表示

✓どの形式でもワンクリックコピー

✓正確な色のライブプレビュー

✓無料・即時・登録不要

どの色形式が表示されますか？+

CSSやデザインツール向けのHEX（#RRGGBB）、多くのグラフィックソフト向けのRGB、そして1つの数値の調整で明暗のバリエーション作成を直感的にするHSLです。

HEXとRGBの違いは？+

同じ色を別々に表現します。HEXはコード向けにコンパクト、RGBは赤/緑/青チャンネルを明示的に示します。両方表示されるので、文脈に合う方をコピーできます。

なぜHSLはデザイナーに便利なのですか？+

HSLは色相・彩度・明度を分けます。パレット作成やホバー状態は、新しいHEX値を推測せず明度だけを動かせば済みます。

透明度に対応していますか？+

基本形式は不透明色をカバーします。アルファはCSSで不透明度を付け足してください（例：rgbaや8桁HEX）。