HEX ↔ RGB カラー変換ツールとは？
無料のオンラインカラー形式変換ツール。HEX、RGB、RGBA、HSL の間でカラー値を変換。
色は複数の形式で表現できます。HEX、RGB、HSL、CMYKで、それぞれ異なるコンテキストに適しています。Webデザイナーは通常HEXまたはRGBで作業します。CSSの作成者は、直感的な色相・彩度・明度モデルのHSLを好むことが多いです。印刷デザイナーはCMYKを必要とします。HEX to RGB Color Converterは、これら4つの形式すべてを同時に処理します。ビジュアルカラーピッカーで任意の色を選ぶか、任意の形式で値を入力すると、他のすべての形式の等価値を即座に確認できます。
コンバーターは入力した形式を自動検出します。「#FF5733」と入力するとHEXと認識します。「rgb(255, 87, 51)」と入力するとRGBを解析します。「hsl(12, 100%, 60%)」と入力するとHSL表現を表示します。各形式は独自のフィールドにコピーボタン付きで表示されます。ビジュアルカラースウォッチが実際の色を更新表示するため、変換が正しいという確信が得られます。
色空間の変換は数学的に正確です。HEXからRGBは、各16進数の桁ペアを0〜255の10進数値にマップします。RGBからHSLは、デカルト座標のRGBキューブから円柱座標のHSL空間に変換します。CMYK変換は標準的な減法混色モデルを使用します（CMYKはデバイス依存であることに注意してください。同じ値でもプリンターによって見え方が異なる場合があります）。
4つの形式すべてが同時に見えることが、単一形式のコンバーターに対するこのツールの主な利点です。Figma（HEX）で作業するデザイナーは、開発者にRGB値をすぐに提供できます。CMYKのブランドカラーを持つ印刷デザイナーは、Webサイト用にHEXへ変換できます。カラーピッカーで色空間を視覚的に探索し、どこをクリックしても色を取得して、すべての形式での表現を即座に確認できます。