HEX、HEXA、RGB、RGBA、HSL、HSLA、HSV、HWB、CMYK、LCH、LAB、CIE-XYZ の 12 形式変換を備えたオンラインカラーパレットツール。カラーピッカー、全モジュール間のリアルタイム変換、127 の標準色名(うち異なる色値は 125)のリファレンス表を搭載。データアップロードゼロ - すべての処理はブラウザ上でローカル実行。
使い方
色を選ぶか、値を入力する
ピッカーで視覚的に色を選ぶか、出発点の HEX・RGB・CMYK・XYZ・ARGB がすでに分かっている場合は変換欄に直接入力します。
12 種類の出力形式を読む
変更のたびにすべての形式が再計算されます — HEX、HEXA、RGB、RGBA、HSL、HSLA、HSV、HWB、CMYK、LCH、LAB、XYZ。
必要な形式をコピーする
各行に専用のコピーボタンがあるので、手で書き換えることなく 1 つの表記だけを取り出せます。
カラーピッカー
SketchPickerを使用して視覚的に任意の色を選択し、12すべての色形式での表現を即座に表示。任意の形式値をクリックしてワンクリックでクリップボードにコピー。
全色形式でのリアルタイムプレビュー
任意の色形式値をワンクリックコピー
ウェブと印刷の両方の色空間に対応
12色形式変換
ウェブ向けHEXとRGB、人間に優しいHSLとHSV、印刷対応CMYK、デバイス非依存のLABとLCH、科学的CIE-XYZなど、業界標準の12色形式間で変換。入力時に各変換がリアルタイム更新。
HEX / HEXA
RGB / RGBA
HSL / HSLA
HSV / HSB
HWB
CMYK
LCH / LAB
CIE-XYZ
12のリアルタイム形式変換
変換値をワンクリックでコピー
各結果の視覚的なカラースウォッチプレビュー
入力時にすべての変換が更新、ボタン操作不要
7つの専用変換モジュール
各色空間ペアには入力フィールドとリアルタイム出力を備えた専用モジュールがあります。デスクトップユーザーは効率的な並行作業のための2カラムグリッドレイアウトを表示。
CIE-XYZ → RGB
RGB → HEX
HEX → RGB
ARGB → HEX
HEX → ARGB
CMYK → RGB
RGB → CMYK
入力に応じたリアルタイム結果
視覚的フィードバック付きワンクリックコピー
カラーリファレンス表
HEX と RGB 値を持つ 127 の標準 CSS 色名を参照 — 異なる色値は全部で 125 個です(Aqua と Cyan はどちらも #00FFFF、Fuchsia と Magenta はどちらも #FF00FF)。任意の値をクリックして即座にコピー。テーブルはスクロール可能でヘッダー固定により参照しやすい。
カラーパレットツールの活用者
当社のカラーコンバーターは様々な業界の幅広いプロフェッショナルに対応：
CSS開発でHEX、RGB、HSL間を変換するウェブデザイナー
デジタルプレビュー用にCMYK→RGB変換を使用する印刷デザイナー
LABとXYZ色空間で色を正規化するデータ可視化エンジニア
よくある質問
- 参照テーブルには何色ありますか?
- 127 件で、うち 125 色が異なる色です。2 組が同じ値を持ちます — Aqua と Cyan はどちらも #00FFFF、Fuchsia と Magenta はどちらも #FF00FF です。以前のこのページは 147 と書いていましたが、誤りでした。
- HEXA・RGBA・HSLA の行が常に完全不透明なのはなぜですか?
- このページに不透明度の入力がないためです。これら 3 つの値は alpha を 255(CSS 表記では 1)に固定して書き出されます — ピッカーが生成するのは赤・緑・青の成分だけなので、ここで調整できるもので表示される透明度は変わりません。
- HSV・CMYK・XYZ の行は CSS の色として使えますか?
- いいえ。CSS で有効な色表記は HEX、RGB、HSL とその alpha 付きの変種、および LAB と LCH だけです。HSV、HWB、CMYK、XYZ は読みやすさのために関数に似た体裁で出力していますが、ブラウザーはスタイルシート中でそのままでは受け付けません。参照用として扱い、CSS に貼る前に変換してください。
- サーバーに何か送信されますか?
- いいえ。ピッカー、変換、参照テーブルはすべてブラウザー内で動作します。入力や選択した内容が送信されたり保存されたりすることはありません。