// converters
Color Format Converter.
Convert a color between HEX, RGB, HSL, and OKLCH with a live preview swatch.
Client-sideOKLCHNo upload
Preview
Values
よくある質問
どのような形式をサポートしていますか？
HEX (#FF5733)、RGB、HSL、OKLCH。
色を表示しますか？
はい、変換された値と一緒に色のプレビューを表示します。
CSS色でも機能しますか？
はい、有効なCSS色形式すべてを受け付けます。
カラーフォーマットの説明
HEX（16進数）: #RRGGBB形式で、各色を2桁の16進数で表現します。例：#FF5733。ウェブデザインで最も一般的に使用されるフォーマットです。
RGB: Red、Green、Blueの各色を0〜255の数値で表現します。例：rgb(255, 87, 51)。CSSで広く使用され、色の成分が直感的に理解できます。
HSL: Hue（色相）、Saturation（彩度）、Lightness（明度）で表現します。例：hsl(14, 100%, 60%)。人間の色の知覚に近いため、色の調整に便利です。
各フォーマットの使いどころ
HEX: CSSやHTMLで色を指定する際、デザイナーから受け取ったカラーコードをそのまま使用できます。Six-character形式が最も一般的です。
RGB: CSSのcolorプロパティで使用され、rgba()で透明度を指定できます。JavaScriptで色を操作する際にも便利です。
HSL: CSSのcolorプロパティで使用でき、色の调整が容易です。明るさや彩度を直感的に変更できるため、ダークモード対応の際に便利です。