パントンツール

HSLからRGB

デジタルデザインと開発に不可欠な、HSLカラー値を正確にRGBに変換します。

カラーコンバーター

HSL Input

180° 360°
100%
0% 50% 100%
50%
0% 50% 100%

色見本をクリックすると例が表示されます

RGB Output

RGB Values

255

0-255 intensity

0

0-255 intensity

0

0-255 intensity

rgb(255, 0, 0)

その他の形式

HSL Value

hsl(0°, 100%, 50%)

HEX Value

#FF0000

変換例

HSL: 0°, 100%, 50%

RGB: (255, 0, 0)

HSL: 120°, 100%, 50%

RGB: (0, 255, 0)

HSL: 240°, 100%, 50%

RGB: (0, 0, 255)

黄色

HSL: 60°, 100%, 50%

RGB: (255, 255, 0)

マゼンタ

HSL: 300°, 100%, 50%

RGB: (255, 0, 255)

シアン

HSL: 180°, 100%, 50%

RGB: (0, 255, 255)

推奨ツール

このツールについて

当社の HSL から RGB へのコンバーターは、デジタル デザイン、開発、グラフィック処理で使用されるこれら 2 つの重要なカラー モデル間の正確な変換を提供します。

HSL (Hue, Saturation, Lightness) is a user-centric color model that aligns with human perception of color. It simplifies color manipulation by separating the color's identity (hue), its intensity (saturation), and its brightness (lightness), making it ideal for design systems and color theme creation.

RGB (Red, Green, Blue) is a device-centric color model that represents colors as combinations of red, green, and blue light. It's the fundamental color model for digital displays, monitors, cameras, and most digital imaging systems, as these devices emit light in these three primary colors.

この変換ツールは、直感的なカラーデザイン(HSL)と技術的な実装(RGB)の間のギャップを埋めます。数学的な変換により正確な色表現が保証され、HSLを使用するデザインツールとRGB値を必要とする開発環境間の一貫性が維持されます。

よくある質問