Pantone工具

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 轉換器可在數位設計、開發和圖形處理中使用的這兩種基本顏色模型之間提供精確的轉換。

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 值的開發環境之間保持一致。

常見問題