HEX to HSL
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 HEX sang HSL
Mọi phép chuyển đổi trước tiên chuẩn hóa HEX thành bộ ba sRGB (đỏ, lục, lam trên thang 0–255), rồi mã hóa thành HSL. 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ị HEX 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 HSL
Xuất kết quả theo HSL và dán vào stylesheet hoặc công cụ thiết kế.
Công thức
#FF5733 → sRGB rgb(255,87,51) → HSL hsl(11, 100%, 60%)
Ví dụ tính toán
#FF5733 = #FF5733 = hsl(11, 100%, 60%)
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 HEX → HSL
Các giá trị phổ biến được chuyển bằng cùng công thức.
| Đầu vào (HEX) | Kết quả (HSL) | |
|---|---|---|
#FF5733 | hsl(11, 100%, 60%) | |
#4F46E5 | hsl(243, 75%, 59%) | |
#2ECC71 | hsl(145, 63%, 49%) | |
#3498DB | hsl(204, 70%, 53%) | |
#E74C3C | hsl(6, 78%, 57%) | |
#19AE99 | hsl(172, 75%, 39%) | |
#9B59B6 | hsl(283, 39%, 53%) | |
#F39C12 | hsl(37, 90%, 51%) | |
#34495E | hsl(210, 29%, 29%) | |
#E91F63 | hsl(340, 82%, 52%) | |
#000000 | hsl(0, 0%, 0%) | |
#FFFFFF | hsl(0, 0%, 100%) |