カラーピッカー

RGBとHSLスライダーで視覚的に色を選択。HEX、RGB、HSL、CMYK値を即座に取得。

色を視覚的に選択し、複数の形式で値を取得。デザイナー、開発者、色を扱うすべての方に最適。

色のプレビューをクリックしてカラーピッカーを開く

プリセットカラー
RGB
r
g
b
HSL
H
S
L
色形式
HEX
RGB
HSL
CMYK
すべての色変換はブラウザで即座に行われます。形式の値をクリックしてクリップボードにコピー。

使い方

  1. 1

    色を選択

    大きな色のプレビューボックスをクリックしてネイティブカラーピッカーを開くか、RGB/HSLスライダーで微調整。

  2. 2

    プリセットカラーを使用

    プリセットカラーの見本をクリックして一般的な色を素早く選択。出発点やブランドカラーに最適。

  3. 3

    スライダーで調整

    RGB（赤、緑、青）またはHSL（色相、彩度、明度）スライダーで正確に色を調整。

  4. 4

    色の値をコピー

    形式（HEX、RGB、HSL、CMYK）をクリックして値をコピー。CSS、デザインツール、任意のアプリで使用。

よくある質問

RGBとHSLの違いは？
RGBは赤、緑、青の強度（0-255）で色を定義。HSLは色相（カラーホイール0-360°）、彩度（0-100%）、明度（0-100%）を使用。HSLは色の調整により直感的な場合が多い。
CMYKはいつ使うべき？
CMYK（シアン、マゼンタ、イエロー、ブラック）は印刷デザインに使用。画面の色（RGB）は印刷時に異なって見える場合があり、CMYK値は印刷出力の近似に役立つ。
HEXコードを直接入力できますか？
はい、入力フィールドにHEXコードを入力してください（例：#FF5733またはFF5733）。色のプレビューとすべてのスライダーが自動的に更新。
このカラーピッカーは無料ですか？
もちろん！このツールは100%無料、読み込み後はオフラインで動作、アカウントやインストール不要。