AbraCalc

Công cụ Chuyển đổi Màu HSL sang RGB

Chuyển đổi giá trị màu HSL (hue, saturation, lightness) sang RGB ngay lập tức.

Bởi · Kiểm tra bởi AbraCalc Methodology Review · 2 nguồn

Nhúng công cụ này vào trang của bạn
Trích dẫn công cụ này

APA

AbraCalc. (2026). Công cụ Chuyển đổi Màu HSL sang RGB [Online calculator]. Retrieved from https://abracalc.com/vi/doi-hsl-sang-rgb/

BibTeX

@misc{abracalc-doi-hsl-sang-rgb, author = {AbraCalc}, title = {Công cụ Chuyển đổi Màu HSL sang RGB}, year = {2026}, howpublished = {\url{https://abracalc.com/vi/doi-hsl-sang-rgb/}} }

Công cụ này có trả lời được câu hỏi của bạn không?

Cách dùng công cụ này

  1. Nhập sắc độ (0–360°), độ bão hòa (0–100%) và độ sáng (0–100%).
  2. Công cụ xuất ra các giá trị đỏ, xanh lá và xanh dương tương ứng (0–255).
  3. Sao chép chuỗi rgb() vào CSS hoặc đọc từng số R, G, B.

Chuyển đổi giá trị HSL (Hue, Saturation, Lightness) trở lại RGB để dùng trong hình ảnh, Canvas, hoặc bất cứ nơi nào cần RGB.

Công thức

Given H (0–360°), S (0–100%), L (0–100%), normalize: h = H/360, s = S/100, l = L/100.

If s = 0, then R = G = B = round(l × 255) (achromatic).

Otherwise compute chroma anchors:
q = l < 0.5 ? l(1+s) : l + s − l×s
p = 2l − q

Then use the piecewise hue-to-RGB helper for each channel:
R = hue2rgb(p, q, h + 1/3)
G = hue2rgb(p, q, h)
B = hue2rgb(p, q, h − 1/3)
where hue2rgb(p,q,t) maps t into the interval [0,1] and interpolates between p and q.

Câu hỏi thường gặp

Chuyển đổi HSL sang RGB hoạt động như thế nào?
Thuật toán chuyển đổi độ bão hòa/độ sáng thành các giá trị trung gian, sau đó ánh xạ góc sắc độ vào từng kênh R, G, B riêng biệt bằng hàm phân đoạn.
hsl(120, 100%, 50%) là gì?
Đó là màu xanh lá thuần: rgb(0, 255, 0).

Tài liệu tham khảo và nguồn