カラーコード変換

#FF0000
HEX
RGB / RGBA
HSL / HSLA
HSV / HSVA
CMYK
LAB

色形式ガイド

HEX

# で始まる16進数カラーコード。6桁がRGB(各2桁)、8桁でアルファチャンネル(透明度)を追加。Web開発で最も一般的。

#FF0000 / #FF000080

RGB / RGBA

赤・緑・青の光の加法混色モデル。各チャンネル0-255。RGBAはアルファチャンネル(透明度、0-255)を追加。画面表示の標準形式。

rgb(255, 0, 0)

HSL / HSLA

色相・彩度・輝度の色彩モデル。Hは色相環の位置(0-360°)、Sは彩度(0-100%)、Lは輝度(0-100%)。人間の直感的な色理解に適している。

hsl(0, 100%, 50%)

HSV / HSVA

色相・彩度・明度の色彩モデル(HSBとも呼ばれる)。画像編集やデザインソフトのカラーピッカーでよく使用される。

hsv(0, 100%, 100%)

CMYK

シアン・マゼンタ・イエロー・キー(黒)の減法混色モデル。4色印刷の標準。各チャンネル0-100%。RGBとは色域が異なる。

cmyk(0%, 100%, 100%, 0%)

CIE LAB

国際照明委員会が定義したデバイス非依存の色空間。Lが輝度(0-100)、aが緑→赤(-128~127)、bが青→黄(-128~127)。知覚的に均等。

lab(53, 80, 67)

カラーコード変換について

無料オンラインカラーコード変換ツール

HEX、RGB、HSL、HSV、CMYK、CIE LAB の6つの色形式を相互変換します。すべての計算はブラウザ内でローカルに実行され、データはアップロードされません。アルファチャンネル(透明度)に対応し、リアルタイムで色をプレビューできます。


機能特長

  • HEX(6桁/8桁)、RGB/RGBA、HSL/HSLA、HSV/HSVA、CMYK、CIE LAB に対応
  • 任意の形式からリアルタイム双方向変換
  • アルファチャンネル(透明度)を完全サポート
  • カラープレビュー、クリックでシステムカラーピッカー起動
  • 各形式の標準カラー文字列をワンクリックコピー
  • クライアントサイド処理、サーバーにデータを送信しません

使用方法

  1. 1任意の色形式の入力フィールドに色値を入力
  2. 2他の形式が自動的にリアルタイム変換されます
  3. 3上部のカラースウォッチをクリックしてシステムカラーピッカーを使用
  4. 4コピーボタンをクリックして標準カラー文字列をコピー

よくある質問

6桁HEXと8桁HEXの違いは?
6桁HEX(#FF0000)は透明度情報を含みません。8桁HEX(#FF000080)の最後の2桁は透明度を表します(00=完全透明、FF=完全不透明)。
LABのaとbの値は何を表しますか?
CIE LABでは、'a'は緑から赤(負=緑、正=赤)、'b'は青から黄(負=青、正=黄)を表します。Lは輝度(0=黒、100=白)を表します。
CMYKとRGBの違いは?
RGBはスクリーン表示用の加法混色モデルです(赤・緑・青の光)。CMYKは印刷用の減法混色モデルです(シアン・マゼンタ・イエロー・ブラック)。色域の違いにより、一部のRGB色はCMYKに正確に変換できません。
データはサーバーに送信されますか?
いいえ。すべての色変換計算はブラウザ内でローカルに実行され、データがサーバーに送信されることはありません。
アルファ透明度はすべての形式でサポートされていますか?
HEX(8桁)、RGBA、HSLA、HSVAはアルファをサポートしています。CMYKとCIE LABの標準にはアルファが含まれていないため、これらの形式はアルファ値を無視します。
変換精度はどの程度ですか?
標準アルゴリズム(sRGB色空間、D65光源、2°標準観測者)を使用しています。色空間間の変換では微小な丸め誤差が生じる可能性がありますが、実用上は問題ありません。

関連ツール

コードフォーマッターXMLフォーマッターUnicode 変換進数変換Base64 エンコード デコードURL エンコード デコードHTML エンティティエスケープCookie to JSONJSON Unicode エスケープMD5 エンコーダーJWT デコード検証エンコードJSON to CookieUUID 生成・解析正規表現テスターHTTPステータスコードポート番号User-Agent ビューア私のブラウザフィンガープリントJSON Unicode アンエスケープCron 式 ジェネレーター & パーサーIPアドレス検索