AbraCalc

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

Chuyển đổi giá trị màu RGB sang HSL (hue, saturation, lightness) ngay lập tức. Miễn phí, không cần đăng ký.

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 RGB sang HSL [Online calculator]. Retrieved from https://abracalc.com/vi/doi-rgb-sang-hsl/

BibTeX

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

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 giá trị đỏ, xanh lá và xanh dương (mỗi giá trị 0–255).
  2. Công cụ tính sắc độ (0–360°), độ bão hòa (0–100%) và độ sáng (0–100%).
  3. Dùng kết quả hsl() trực tiếp trong CSS.

Chuyển đổi giá trị màu RGB sang hệ màu HSL (Hue, Saturation, Lightness) dùng trong CSS và các công cụ thiết kế.

Công thức

Given Red, Green, Blue each in 0–255, first normalize: r' = R/255, g' = G/255, b' = B/255.

Then: L = (max + min) / 2

If max ≠ min, delta d = max − min, then:
S = d / (2 − max − min) when L > 0.5, else S = d / (max + min)

Hue sector depends on which channel is max:
• R is max: H = (g' − b') / d + (g' < b' ? 6 : 0)
• G is max: H = (b' − r') / d + 2
• B is max: H = (r' − g') / d + 4
Then H = H / 6 × 360

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

HSL là gì?
HSL là viết tắt của Hue, Saturation, Lightness (Sắc độ, Độ bão hòa, Độ sáng). Nó biểu diễn màu sắc theo mô hình hình trụ, trực quan hơn RGB khi điều chỉnh độ sáng và độ bão hòa.
Sắc độ (hue) dùng khoảng giá trị nào?
Sắc độ được đo bằng độ từ 0 đến 360, trong đó 0/360 là đỏ, 120 là xanh lá và 240 là xanh dương.

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