カラーピッカー

好きな色を選んで HEX、RGB、HSL、HSV の値をワンクリックでコピー。

100% プライベート——すべてブラウザ内で動作

使い方

1
大きな色エリアをクリックしてブラウザのカラーピッカーを開き、色を選びます。
2
入力欄に #3B82F6 のような HEX コードを直接入力することもできます。
3
必要な値（HEX・RGB・HSL・HSV）をワンクリックでコピーできます。
4
最近使った色は下に表示され、クリックで再利用できます。

使用例

青色を選ぶ

入力

#3B82F6

出力

HEX #3B82F6 · RGB rgb(59, 130, 246) · HSL hsl(217, 91%, 60%) · HSV hsv(217, 76%, 96%)

3桁の省略表記

入力

#F00

出力

HEX #FF0000 · RGB rgb(255, 0, 0) · HSL hsl(0, 100%, 50%)

よくある質問

表示される色形式は？

HEX・RGB・HSL・HSV の4種類です。必要な形式をワンクリックでコピーできます。

HSV は何に使う？

HSV（色相・彩度・明度）はデザインソフトでよく使われ、彩度と明度を個別に調整しやすいのが特徴です。

選んだ色は保存されますか？

いいえ。最近使った色はこのページ内にのみ保持され、再読み込みすると消えます。サーバーにも送信されません。

関連ツール

カラーコンバーターHEX・RGB・HSL・HSV・HWB の色形式を相互に変換。HEXからRGBHEX カラーコードを RGB 値に即座に変換。無料・プライバシー安全。CSS カラー生成ツールベースカラーから10段階のカラースケールを生成し、CSS 変数として出力。RGBからHEXRGB 値を HEX カラーコードに即座に変換。無料・プライバシー安全。グラデーション生成ツールCSS の線形・放射状グラデーションを視覚的に作成し、CSS コードをコピー。コントラストチェッカーテキスト色と背景色の WCAG コントラスト比を即座にチェック。