HEXからHSLへ

HEXカラーコードをHSL値に正確に変換します。カラー操作やデザインシステムに最適です。

カラーコンバーター

カラー結果

HSL Values

色相 0°

0° = Red, 120° = Green, 240° = Blue

飽和 0%

0% = Gray, 100% = Full color

軽さ 100%

0% = Black, 100% = White

RGB Equivalent

rgb(255, 255, 255)

hsl(0, 0%, 100%)

変換例

赤

HEX: #FF0000

HSL: 0°, 100%, 50%

緑

HEX: #00FF00

HSL: 120°, 100%, 50%

青

HEX: #0000FF

HSL: 240°, 100%, 50%

黄色

HEX: #FFFF00

HSL: 60°, 100%, 50%

マゼンタ

HEX: #FF00FF

HSL: 300°, 100%, 50%

シアン

HEX: #00FFFF

HSL: 180°, 100%, 50%

推奨ツール

HSL to HEX

HSL カラー値を Web 開発用の HEX カラーコードに変換します

HSL to RGB Converter

デジタルデザインのためにHSLカラー値をRGBカラーコードに変換する

カラーハーモニージェネレーター

HSL色彩理論を使用して補色配色を作成する

HSL Color Manipulator

色相、彩度、明度を調整して色のバリエーションを作成します

このツールについて

当社の HEX から HSL へのコンバーターは、16 進カラーコードを HSL (色相、彩度、明度) カラーモデルに変換します。これは、色の操作や一貫したカラースキームの作成に特に役立ちます。

HSL represents colors in a way that aligns more naturally with human perception of color. Hue corresponds to the color's position on the color wheel (0° to 360°), saturation refers to the color's intensity (0% to 100%), and lightness determines how light or dark the color appears (0% to 100%).

HSLは直感的な色調整を可能にするため、CSSを扱うWeb開発者やデザイナーにとって特に役立ちます。単一の要素（色相、彩度、明度）を変更するだけで予測可能な結果が得られるため、色のバリエーションやハーモニーを簡単に作成できます。

変換プロセスでは、まず HEX を RGB に変換し、次に異なるカラーモデル間の色の整合性を正確に維持する業界標準のアルゴリズムを使用して RGB を HSL に変換します。