Chuyển Đổi Mã Màu - Máy Tính Trực Tuyến Miễn Phí

Hướng Dẫn Sử Dụng

Nhập giá trị
Điền vào các trường cần thiết.
Nhấn tính toán
Nhấn nút tính toán để xem kết quả.
Xem kết quả
Xem kết quả và chia sẻ nếu cần.

Chuyển đổi mã màu là gì?

Chuyển đổi mã màu là việc biểu diễn cùng một màu bằng các hệ ký hiệu khác nhau như HEX, RGB và HSL. Màn hình tạo ra màu bằng cách pha trộn các màu cơ bản của ánh sáng — đỏ, lục và lam — nên mọi màu cuối cùng đều quy về cường độ của ba kênh RGB. HEX nén các giá trị RGB này thành một chuỗi thập lục phân sáu chữ số (#RRGGBB), còn HSL sắp xếp lại chúng theo cách con người cảm nhận màu sắc — qua góc màu, độ bão hòa và độ sáng.

Vì sao cần chuyển đổi

Viết CSS — Lấy mã HEX từ bản thiết kế và chuyển sang RGB, giúp dễ dàng điều chỉnh độ trong suốt.
Hiệu chỉnh màu — Khi chỉ muốn làm tối màu một chút, chuyển sang HSL cho phép bạn chỉ điều chỉnh giá trị L.
Cộng tác — Giữ cho mã HEX trên Figma của nhà thiết kế, biến RGB của lập trình viên và tiêu chuẩn màu của đội in ấn nhất quán với nhau.

Dù bạn nhập ở định dạng nào, công cụ này cũng tính toán tất cả các định dạng còn lại cùng lúc và hiển thị màu thực tế trong bản xem trước.

Công thức tính

HEX → RGB tách số thập lục phân thành từng cặp hai chữ số và đọc mỗi cặp thành số thập phân.

R = parseInt(hex[0:2], 16); G và B được tính tương tự. Ví dụ: #FF5733 → FF=255, 57=87, 33=51 → RGB(255, 87, 51).

RGB → HSL trước tiên chuẩn hóa mỗi kênh về khoảng 0-1, rồi tính độ sáng.

L = (max + min) / 2
S = delta / (2 − max − min) (khi L > 0,5)
trong đó delta = max − min. Ở ví dụ trên, max=1 và min=0,2 cho L = 0,6 (60%), S = 0,8/0,8 = 100% và góc màu H ≈ 11°, được chuyển thành HSL(11°, 100%, 60%).

Câu Hỏi Thường Gặp

HEX và RGB khác nhau như thế nào?

HEX biểu diễn màu bằng hệ thập lục phân (#FF5733), còn RGB biểu diễn các giá trị đỏ, lục, lam dưới dạng thập phân trong khoảng 0-255 (255, 87, 51). Đây là hai cách viết cùng một màu.

Làm thế nào để chuyển mã HEX sang RGB?

Tách #RRGGBB thành từng cặp hai chữ số và đổi mỗi cặp từ thập lục phân sang thập phân. Ví dụ, #FF5733 cho FF=255, 57=87, 33=51, nên trở thành RGB(255, 87, 51). Mỗi cặp biểu thị cường độ kênh từ 00 (0) đến FF (255).

Khi nào nên dùng CMYK?

CMYK là mô hình màu dùng cho in ấn, pha trộn các mực lục lam, đỏ tươi, vàng và đen. Màn hình và web dùng RGB/HEX cộng ánh sáng, còn khi sản xuất in ấn thì chuyển sang CMYK chồng các lớp mực. Do gam màu của hai bên khác nhau, màu trên màn hình có thể trông hơi khác khi in ra.

Mô hình màu HSL có ưu điểm gì?

HSL gồm sắc độ, độ bão hòa và độ sáng, cho phép điều chỉnh màu một cách trực quan. Ví dụ, chỉ giảm giá trị độ sáng (L) sẽ giữ nguyên sắc màu và dễ dàng tạo ra biến thể tối hơn, tiện cho hiệu ứng hover và việc tạo bảng màu.

Trong HSL, sắc độ (H), độ bão hòa (S) và độ sáng (L) nghĩa là gì?

Sắc độ (H) là góc trên vòng tròn màu từ 0 đến 360 độ, trong đó 0° là đỏ, 120° là lục và 240° là lam. Độ bão hòa (S) là cường độ màu từ 0 đến 100%: 0% là xám, 100% là màu rực rỡ nhất. Độ sáng (L) là độ sáng từ 0 đến 100%: 0% là đen, 100% là trắng và 50% là màu thuần nhất.

Trắng và đen được biểu diễn như thế nào?

Trắng có tất cả các kênh ở mức tối đa: #FFFFFF / RGB(255, 255, 255) / HSL(0, 0%, 100%). Đen có tất cả các kênh bằng 0: #000000 / RGB(0, 0, 0) / HSL(0, 0%, 0%). Các sắc xám có độ bão hòa (S) là 0% và chỉ khác nhau ở độ sáng (L).

Điều gì xảy ra nếu giá trị RGB vượt ngoài khoảng 0-255?

Mỗi kênh được tự động giới hạn (clamp) trước khi chuyển sang HEX — giá trị dưới 0 thành 0 và trên 255 thành 255. Ví dụ, RGB(300, -10, 128) được xử lý thành RGB(255, 0, 128), tức là #FF0080.

Tôi có thể sao chép kết quả chuyển đổi ngay không?

Có. Nhấp vào bất kỳ mã HEX, RGB hay HSL đã chuyển đổi để sao chép vào bộ nhớ tạm, và bản xem trước màu cho phép bạn xác nhận màu thực tế bằng mắt để dán thẳng vào CSS hoặc công cụ thiết kế.

Thông số thiết bị 2026

Máy Tính Liên Quan

Máy Tính PPI/DPIPPI = sqrt(w^2 + h^2) / diagonal Máy Tính Tỷ Lệ Khung Hìnhratio = w/gcd(w,h) : h/gcd(w,h)Máy Tính SubnetCIDR bitwise mask Chuyển Đổi Hệ SốparseInt(value, fromBase).toString(toBase)