HSL to HEX
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 HEX
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 HEX. 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 HEX
Xuất kết quả theo HEX 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) → HEX #FF5733
Ví dụ tính toán
hsl(9, 100%, 60%) = #FF5733 = #FF5733
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 → HEX
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ả (HEX) | |
|---|---|---|
hsl(11, 100%, 60%) | #FF5733 | |
hsl(243, 75%, 59%) | #4F46E5 | |
hsl(145, 63%, 49%) | #2ECC71 | |
hsl(204, 70%, 53%) | #3498DB | |
hsl(6, 78%, 57%) | #E74C3C | |
hsl(172, 75%, 39%) | #19AE99 | |
hsl(283, 39%, 53%) | #9B59B6 | |
hsl(37, 90%, 51%) | #F39C12 | |
hsl(210, 29%, 29%) | #34495E | |
hsl(340, 82%, 52%) | #E91F63 | |
hsl(0, 0%, 0%) | #000000 | |
hsl(0, 0%, 100%) | #FFFFFF |