Hex/RGB/HSL コンバーター
無料オンラインカラー変換ツール、Hex/RGB/HSL 相互変換
カラーフォーマットについて
Hexカラーコード(#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桁のHex形式(#RRGGBBAA)またはrgba()/hsla()CSS関数を使用してください。