色変換ツール | HEX・RGB・HSLを相互変換

色変換とは？ HEX・RGB・HSLの違いと変換方法

Webデザインやプログラミングでは、色の表現に HEX（16進数）、RGB（赤・緑・青）、HSL（色相・彩度・明度） の3つの形式がよく使われます。

HEXとは？

HEX（ヘックス）は、色を16進数で表した形式です。例：#ff0000（赤）
HTMLやCSSで最も一般的に使われる色指定の方法です。

RGBとは？

RGBは、Red（赤）、Green（緑）、Blue（青）の3色を0〜255の値で指定する形式です。
例：rgb(255, 0, 0) は赤を表します。

HSLとは？

HSLは、Hue（色相）、Saturation（彩度）、Lightness（明度）で色を表します。
例：hsl(0, 100%, 50%) は赤を意味します。デザインの調整に便利な形式です。

色変換の活用場面

• Web制作時に色指定を変換する
• CSSカスタマイズやテーマ作成
• 配色をHSLで明るく・暗く調整する
• ツール間で異なる形式の色コードを変換したいとき

当ツールでは、HEX・RGB・HSLのいずれかを入力するだけで、他の形式に即時変換できます。
デザイナーやエンジニアの作業効率アップにぜひご活用ください。