HSL to RGB
Mọi định dạng màu mô tả cùng một thứ bằng ngôn ngữ khác: HEX cho stylesheet, RGB cho màn hình và mã, HSL để xây bảng màu, CMYK cho in ấn. Chọn chuyển đổi bạn cần và nhận giá trị chính xác, xem trước trực tiếp và công thức.
Mọi định dạng của màu này
Cùng một màu viết bằng HEX, RGB, HSL và CMYK. Sao chép bất kỳ giá trị nào.
Chuyển HSL sang RGB
Mọi phép chuyển đổi trước tiên chuẩn hóa HSL thành bộ ba sRGB (đỏ, lục, lam trên thang 0–255), rồi mã hóa thành RGB. Cả hai cách viết mô tả cùng một điểm ảnh nên màu nhìn thấy không đổi.
Đọc đầu vào
Tách giá trị HSL thành các kênh (cặp chữ số hex, số nguyên hoặc phần trăm).
Chuẩn hóa về sRGB
Đưa từng kênh về 0–255 để sai số làm tròn không tích lũy.
Mã hóa RGB
Xuất kết quả theo RGB và dán vào stylesheet hoặc công cụ thiết kế.
Công thức
hsl(9, 100%, 60%) → sRGB rgb(255,87,51) → RGB rgb(255,87,51)
Ví dụ tính toán
hsl(9, 100%, 60%) = #FF5733 = rgb(255,87,51)
Các kênh được làm tròn thành số nguyên; khi chuyển ngược hãy dùng cùng công cụ để giảm sai lệch.
Bảng quy chiếu HSL → RGB
Các giá trị phổ biến được chuyển bằng cùng công thức.
| Đầu vào (HSL) | Kết quả (RGB) | |
|---|---|---|
hsl(11, 100%, 60%) | rgb(255,87,51) | |
hsl(243, 75%, 59%) | rgb(79,70,229) | |
hsl(145, 63%, 49%) | rgb(46,204,113) | |
hsl(204, 70%, 53%) | rgb(52,152,219) | |
hsl(6, 78%, 57%) | rgb(231,76,60) | |
hsl(172, 75%, 39%) | rgb(25,174,153) | |
hsl(283, 39%, 53%) | rgb(155,89,182) | |
hsl(37, 90%, 51%) | rgb(243,156,18) | |
hsl(210, 29%, 29%) | rgb(52,73,94) | |
hsl(340, 82%, 52%) | rgb(233,31,99) | |
hsl(0, 0%, 0%) | rgb(0,0,0) | |
hsl(0, 0%, 100%) | rgb(255,255,255) |