Bộ chuyển đổi màu sắc
Nhập mã màu hex để xem các giá trị tương đương trong RGB và HSL với các giá trị kênh đỏ, xanh lá và xanh dương riêng biệt.
Cách sử dụng trình chuyển đổi màu này
- Nhập mã màu hex
Nhập mã hex gồm 6 chữ số vào trường mã màu Hex (ví dụ: FF6B35 hoặc 00FF88). Bỏ qua ký tự #.
- Xem các giá trị RGB
Kết quả các kênh Đỏ (Red), Lục (Green) và Lam (Blue) hiển thị các giá trị từ 0–255 cho mỗi thành phần.
- Kiểm tra kết quả HSL
Xem kết quả HSL cho sắc độ (0–360°), độ bão hòa và độ sáng — hữu ích cho việc điều chỉnh màu sắc.
Cách bộ chuyển đổi màu này hoạt động
Công cụ này chuyển đổi mã màu thập lục phân sang các định dạng RGB (đỏ, lục, lam) và HSL (sắc thái, độ bão hòa, độ sáng). Mỗi cặp hex tương ứng với một giá trị kênh 8-bit (0–255) và việc chuyển đổi HSL sử dụng các công thức toán học không gian màu tiêu chuẩn.
R = hex[0:2] → thập phân; G = hex[2:4] → thập phân; B = hex[4:6] → thập phân Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — đen thuần túy.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — trắng thuần túy. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — xám trung tính.
- ✓ Đầu vào là một mã màu hex 6 chữ số hợp lệ.
- ✓ Kênh Alpha không được hỗ trợ trong phiên bản này.
- Chuyển đổi CMYK yêu cầu cấu hình màu và không được bao gồm ở đây.
Tìm hiểu về các mô hình màu
HEX, RGB và HSL là những cách khác nhau để mô tả cùng một màu sắc. HEX mã hóa RGB dưới dạng chuỗi thập lục phân 6 chữ số: mỗi cặp ký tự là một kênh 8-bit (0–255). RGB biểu thị các giá trị tương tự dưới dạng ba con số, là các màu gốc cộng tính mà màn hình phát ra. HSL (Sắc độ, Độ bão hòa, Độ sáng) là một mô hình hình trụ: sắc độ là góc trên vòng tròn màu (0° đỏ, 120° xanh lục, 240° xanh lam), độ bão hòa là cường độ màu và độ sáng là độ rực rỡ. Các nhà thiết kế thường ưu tiên HSL khi điều chỉnh màu sắc bằng lập trình — chỉ cần thay đổi độ sáng sẽ làm tối hoặc sáng màu mà không làm thay đổi sắc độ, và tinh chỉnh độ bão hòa sẽ điều chỉnh độ sống động.
Các trường hợp sử dụng chuyển đổi màu sắc cho lập trình viên
Các lập trình viên chuyển đổi màu sắc khi xây dựng hệ thống thiết kế, triển khai giao diện (theme), tạo bảng màu và gỡ lỗi CSS. Các design token thường lưu trữ màu sắc ở dạng hex; việc chuyển đổi sang RGB hoặc HSL cho phép thực hiện các tính toán trong thời gian chạy như lớp phủ độ mờ hoặc kiểm tra độ tương phản khả dụng. Các bộ chuyển đổi giao diện có thể cần tạo ra các biến thể sáng hơn hoặc tối hơn từ một màu cơ bản bằng HSL. Các công cụ hỗ trợ tiếp cận tự động chuyển đổi màu sắc để tính toán độ chói và tỷ lệ tương phản. Khi gỡ lỗi bố cục hoặc giao diện, việc xem giá trị hex dưới dạng RGB hoặc HSL giúp xác định kênh màu nào đang bị sai. Chuyển đổi màu sắc cũng được sử dụng trong trực quan hóa dữ liệu, thư viện biểu đồ và tùy biến giao diện động.
Câu hỏi thường gặp
Tôi có thể nhập mã hex 3 chữ số không?
Hiện tại công cụ này yêu cầu mã 6 chữ số. Đối với mã viết tắt 3 chữ số như F60, hãy mở rộng thành FF6600 trước.
HSL là gì?
HSL là viết tắt của Hue (Sắc độ), Saturation (Độ bão hòa), Lightness (Độ sáng). Đây là một cách thay thế để mô tả màu sắc mà một số nhà thiết kế thấy trực quan hơn RGB.