Hex/RGB/HSL コンバーター
無料オンラインカラー変換ツール、Hex/RGB/HSL 相互変換
カラーフォーマットの理解
16 進カラーコード（#FF5733 など）は、赤、緑、青の値を表すために 6 桁の 16 進数を使用します。RGB 形式は各チャンネルに 0-255 の 10 進数値を使用します。例：rgb(255, 87, 51)。HSL（色相、彩度、輝度）はより直感的な方法で色を記述します — 色相は色の角度（0-360）、彩度と輝度はパーセンテージです。
カラーフォーマット間の変換方法
カラー入力を使用して色を入力または選択すると、ツールは HEX、RGB、HSL 形式で同等の値を即座に表示します。これらの形式を入力して他の形式に変換することもできます。
各形式を使用する場面
HEX は CSS やデザインツールで最も一般的です。RGB はプログラムで個々のカラーチャンネルを操作する必要がある場合に便利です。HSL は、色相、彩度、輝度を独立して調整できるため、カラーパレットやテーマの作成に最適です。
▶HEX と RGB の違いは？
それらは異なる方法で同じ色を表します。#FF5733 と rgb(255, 87, 51) は同一です。HEX はよりコンパクトで CSS で一般的です。RGB はプログラムによる操作により読みやすいです。
▶HSL は何の略で、いつ使用すべきですか？
HSL は Hue（色相）、Saturation（彩度）、Lightness（輝度）の略です。色のバリエーションを生成したり、パレットを作成したり、テーマを構築したりする場合によく使われます。輝度を調整する方が RGB 値を調整するよりも直感的だからです。
▶アルファ透明度付きの色を変換できますか？
このツールは不透明色の変換に焦点を当てています。アルファ透明度の場合は、8 桁の 16 進形式（#RRGGBBAA）または rgba() / hsla() CSS 関数を使用してください。
このツールが役に立ったら、作者にコーヒーをおごってください。
コーヒーをおごる