Chuyển mã màu hex sang RGB và HSL ngay lập tức, kèm xem trước màu trực tiếp.
Mã màu hex là cách biểu diễn màu phổ biến nhất trong thiết kế web: một mã 6 ký tự bắt đầu bằng # (ví dụ: #6366F1), biểu thị các thành phần đỏ, xanh lá và xanh dương dưới dạng số thập lục phân hai chữ số. RGB (Red, Green, Blue) thể hiện cùng thông tin đó bằng ba số thập phân từ 0 đến 255. HSL (Hue, Saturation, Lightness) mô tả màu bằng góc sắc độ (0-360 độ), phần trăm độ bão hòa (0-100%) và phần trăm độ sáng (0-100%), giúp nhà thiết kế điều chỉnh màu trực quan hơn. Mã hex rút gọn 3 ký tự (ví dụ: #fff) được mở rộng thành 6 ký tự bằng cách lặp lại từng chữ số (#fff thành #ffffff).
Những câu hỏi phổ biến về chuyển đổi màu
Cả hai đều biểu thị cùng một màu theo cách khác nhau. HEX gói màu vào một mã thập lục phân 6 ký tự (#6366F1), còn RGB hiển thị riêng các thành phần đỏ, xanh lá và xanh dương dưới dạng số thập phân từ 0 đến 255 (rgb(99, 102, 241)). Màu là một, chỉ khác cách ký hiệu.
Các mã rút gọn như #fff được mở rộng thành mã 6 ký tự bằng cách lặp lại mỗi chữ số hai lần: #fff thành #ffffff. Đây là cách viết tắt chỉ áp dụng được cho một số màu nhất định.
HSL rất hữu ích khi bạn muốn điều chỉnh độ sáng hoặc độ bão hòa của màu mà vẫn giữ nguyên sắc độ, vì bạn chỉ cần thay đổi một giá trị (độ sáng hoặc độ bão hòa). Cách này trực quan hơn nhiều so với việc tính lại cả ba giá trị cùng lúc trong HEX hoặc RGB.