HSL 轉 RGB
精確地將 HSL 顏色值轉換為 RGB,這對於數位設計和開發至關重要
顏色轉換器
RGB Output
RGB Values
0-255 intensity
0-255 intensity
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 值的開發環境之間保持一致。