🎨 色碼轉換器|脆新聞

HSL 轉 RGBA 色碼轉換器

HSL hsl(196, 67%, 45%) 轉換為 RGBA 的結果是 rgba(37, 150, 190, 1)。 在下方輸入任意 HSL 色碼即可即時轉換。

HSL：色相、飽和度、亮度模型，直覺調色的首選。RGBA：帶透明度的 RGB，用於半透明效果。

HEX
RGB

使用任何 RGB 格式 rgb(50, 50, 50) 或 50, 50, 50

Tailwind
emerald-600

最接近的 Tailwind 顏色匹配

CMYK

色彩色階

50
F3F7F3
100
E7EEE7
200
D2DFD3
300
ADD1AF
400
83B985
500
5CA35F
600
4D8950
700
3E6F41
800
305531
900
243825
950
141F14
今天+12.5%
12,584
步數
週一
週二
週三
週四
週五
週六
週日
進度

今年平均每天的步數比去年多。

12,453
步/天
2026
2025
93%562/600 千卡移動
61%73/120 分鐘練習
67%8/12 小時站立
活躍能量

您每天約燃燒 754 千焦耳，好工作！

HSL
HSV
OKLCH
OKLAB

相關色碼轉換

HEX → RGBAHSL → HEXHSL → RGBHSL → HSVHSL → CMYKHSL → OKLCHHSL → OKLABHSV → RGBA

什麼是 HSL？

色相、飽和度、亮度模型，直覺調色的首選。 HSL 可直接用於 CSS 樣式中。

範例：hsl(196, 67%, 45%)

什麼是 RGBA？

帶透明度的 RGB，用於半透明效果。 RGBA 可直接用於 CSS 樣式中。

範例：rgba(37, 150, 190, 1)

常見問題