カラーコードコンバーター
HEX、RGB、RGBA、HSL、HSLA、HSV、CMYK の間で色を変換します。色を選び、アルファを調整し、任意の形式をすぐにコピーできます。
#FFFFFF
チャンネル
R
G
B
カラーフォーマット
HEX、RGB(A)、HSL(A) 値を入力すると、他のすべてのフォーマットが即座に更新されます。
クイックパレット
カラーフォーマットガイド
HEX は #3B82F6 のような6桁の16進コードで、赤・緑・青のチャンネル（各 00–FF）を表します。HTML と CSS で色を指定する最も一般的な方法です。
#3B82F6CC のような8桁の HEX は、不透明度（アルファ）用の最後の2桁を追加します。別途 rgba() を使わずに、最新の CSS で透明色を指定できます。
RGB は赤・緑・青の値（0–255）で色を指定します（例: rgb(59, 130, 246)）。画面の発光方式に合致し、ウェブやデジタルデザインに最適です。
RGBA は 0（透明）〜1（不透明）のアルファチャンネルを持つ RGB です（例: rgba(59, 130, 246, 0.5)）。オーバーレイや影、ホバー効果に使います。
HSL は色相（0–360°）、彩度、明度で色を表します（例: hsl(217, 91%, 60%)）。色の微調整や手作業でのパレット作成に直感的です。
HSLA は不透明度用のアルファチャンネルを加えた HSL です（例: hsla(217, 91%, 60%, 0.5)）。HSL の分かりやすさと透明度の制御を両立します。
HSV は HSB とも呼ばれ、色相・彩度・明度（value）を使います（例: hsv(217, 76%, 96%)）。多くのデザインソフトのカラーピッカーで採用されているモデルです。
CMYK はシアン・マゼンタ・イエロー・ブラック（key）の割合からなる減法混色モデルです（例: cmyk(76%, 47%, 0%, 4%)）。印刷の標準なので、重要な色は印刷会社のプロファイルで確認してください。
ウェブには HEX か RGB を使い、透明度が必要なときはアルファ（RGBA、HSLA、8桁 HEX）を加えます。パレット作成には HSL か HSV、印刷用ファイルには CMYK を選びましょう。
人気の検索
カラーコード変換
hexからrgb
rgbからhex
hexからhsl
カラー形式変換
オンラインカラー変換
お困りですか？
このツールで問題が見つかりましたか？チームにお知らせください。