Nhập mã màu HEX để xem ngay giá trị RGB, HSL và màu xem trước.
Màu sắc trên màn hình thường được biểu thị theo ba định dạng. HEX dùng mã thập lục phân sáu chữ số như #4f46e5. RGB (Đỏ, Lục, Lam) mô tả cùng một màu bằng ba số từ 0 đến 255. HSL (Màu sắc, Độ bão hòa, Độ sáng) biểu thị màu bằng góc trên bánh xe màu (0-360°), độ thuần khiết (0-100%) và độ sáng (0-100%). Cả ba đều mô tả cùng không gian màu và có thể chuyển đổi qua lại.
Để chuyển màu HEX sang RGB, tách mã thành ba cặp 2 chữ số rồi đổi từng cặp từ hệ thập lục phân sang thập phân (0-255); để có HSL, tính sắc độ (hue), độ bão hòa (saturation) và độ sáng (lightness) từ các giá trị RGB đó. Ví dụ: #4F46E5 đổi thành rgb(79, 70, 229) và hsl(243, 75%, 59%).
#FF0000 là rgb(255, 0, 0) — màu đỏ thuần, kênh đỏ ở mức tối đa, xanh lá và xanh dương đều bằng 0.
#FFFFFF là rgb(255, 255, 255) — màu trắng thuần, cả ba kênh đều ở mức tối đa.
#000000 là rgb(0, 0, 0) — màu đen thuần, cả ba kênh đều bằng 0.
rgb(0, 128, 0) là #008000, vì 128 trong hệ 10 bằng 80 trong hệ 16 (một màu xanh lá trung bình).
#FFA500 là rgb(255, 165, 0) — màu cam tiêu chuẩn.
#00FF00 là rgb(0, 255, 0) — màu xanh lá thuần, chỉ kênh xanh lá ở mức tối đa.
#0000FF là rgb(0, 0, 255) — màu xanh dương thuần, chỉ kênh xanh dương ở mức tối đa.
rgb(255, 255, 0) là #FFFF00 — màu vàng thuần, pha trộn đỏ và xanh lá ở mức tối đa.
| HEX | RGB | HSL |
|---|---|---|
| #4F46E5 | rgb(79, 70, 229) | hsl(243, 75%, 59%) |
| #FF0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) |
| #00FF00 | rgb(0, 255, 0) | hsl(120, 100%, 50%) |
| #1D4ED8 | rgb(29, 78, 216) | hsl(224, 76%, 48%) |
| #FFFFFF | rgb(255, 255, 255) | hsl(0, 0%, 100%) |
HEX và RGB mô tả cùng một màu theo lượng ánh sáng đỏ, lục, lam, chỉ khác cách viết (hệ 16 so với hệ 10). HSL mô tả cùng màu đó theo sắc độ (bản chất màu), độ bão hòa (cường độ) và độ sáng (sáng hay tối), thường trực quan hơn khi chỉnh màu bằng tay.
Độ bão hòa đo mức độ một màu cách xa màu xám bao nhiêu. Trắng thuần, đen thuần và mọi sắc xám ở giữa đều có giá trị đỏ, lục, lam bằng nhau, nên độ bão hòa của chúng luôn là 0%, bất kể độ sáng.
Công cụ này yêu cầu định dạng HEX đầy đủ 6 chữ số (#RRGGBB). Dạng viết tắt 3 chữ số như #FFF là cách viết gọn của CSS cho #FFFFFF, mỗi chữ số được nhân đôi; hãy mở rộng thành 6 chữ số trước khi nhập vào đây.
Sắc độ phụ thuộc vào kênh nào — đỏ, lục hay lam — có giá trị cao nhất, và được tính từ vị trí tương đối của hai kênh còn lại. Kết quả là một góc trên vòng tròn màu 360 độ, trong đó 0 độ là đỏ, 120 độ là lục, 240 độ là lam.
Công cụ này chuyển đổi chính xác một màu giữa HEX, RGB và HSL, hữu ích khi lập tài liệu bộ nhận diện màu sắc hoặc kiểm tra sự nhất quán giữa bản thiết kế và mã CSS. Tuy nhiên nó không đề xuất bảng màu và không kiểm tra độ tương phản theo chuẩn khả năng tiếp cận (WCAG), việc đó cần một công cụ riêng.
Công cụ này chuyển đổi màu HEX chuẩn 6 chữ số dùng trên web; không hỗ trợ kênh alpha (độ trong suốt), tên màu CSS, hay các không gian màu ngoài sRGB như HSV hay LAB.
Sources: W3C CSS Color Module Level 4
Cập nhật lần cuối: 2026-08-24