カラーコード変換器 — HEX・RGB・HSLを相互変換

同じ色でも用途によって異なる表現形式が必要です。変換器はHEX・RGB・HSL・HSV・CMYKを瞬時に相互変換——ビジュアルプレビュー付き。

HEX vs. RGB vs. HSL

HEX（#ff5733）はWebで最もコンパクトな形式。RGB（rgb(255,87,51)）はプログラムによる色操作に直感的。HSL（hsl(11,100%,60%)）は色相・彩度・明度で人間にとって最も直感的です。

使い分け

CSSの色値：簡潔さにはHEX、calc()での調整にはHSLが便利。SVGプロパティ：RGBまたはHEX。デザインツール（Figma、Adobe XD）：バリアントの柔軟性のためにHSLで作業します。

プロ向けの色空間

sRGBはディスプレイの標準。P3（広色域）は最新のAppleディスプレイでより鮮やかな色を提供。OKLCHは知覚的に均一な明度を持つ最新のCSS色空間——動的に生成されるパレットに最適です。