Bộ chuyển đổi màu

Hỗ trợ chuyển đổi định dạng màu giữa HEX, RGB, HSL và CMYK, cung cấp xem trước thời gian thực và bộ chọn màu. Chuyển đổi đồng bộ tự động, phù hợp cho việc bàn giao thiết kế, định dạng CSS và thống nhất hướng dẫn phong cách.

Hướng dẫn sử dụng

🚀 Bắt đầu nhanh

Chọn hoặc nhập: gõ bất kỳ định dạng được hỗ trợ (#1E90FF, rgb(30,144,255), hsl(210,100%,56%)) hoặc dùng bộ chọn màu
Tự động chuyển đổi: nhập ở bất kỳ định dạng nào cũng sẽ cập nhật tức thì tất cả định dạng còn lại
Sao chép: dùng nút sao chép cạnh mỗi định dạng để lấy chuỗi chuẩn hóa

📌 Tình huống sử dụng phổ biến

Bàn giao thiết kế: chuyển mã HEX từ file thiết kế sang CSS RGB/HSL cho lập trình viên
Sổ tay thiết kế: thống nhất định dạng màu và cách viết trên toàn bộ thư viện component
Tham chiếu in ấn: chuyển màu trên màn hình sang CMYK như một ước lượng ban đầu (vẫn cần proof đúng quy trình)
Khả năng truy cập: dùng xem trước để cảm nhận nhanh độ tương phản (tỷ lệ chính xác nên dùng công cụ chuyên dụng)

🎛️ Tham số chuyển đổi & hiển thị

Quy tắc nhập: HEX chỉ hỗ trợ 6 chữ số (không có alpha); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. Không phân biệt hoa/thường.
Xem trước: trên desktop hiển thị xem trước trực tiếp ở bên phải; trên di động chạy chế độ nhẹ hơn, không xem trước.
Bộ chọn màu: nhấn nút bảng màu ở góc trên bên phải mỗi khối để mở bộ chọn.
Chính sách chữ hoa HEX: output được chuẩn hóa thành chữ hoa (ví dụ #1E90FF); input không phân biệt hoa/thường; không có tùy chọn đổi kiểu chữ.
Tinh chỉnh: kéo các chữ cái kênh sang trái/phải (Shift×10, Alt÷0,1).
Sao chép output: nút sao chép trả về chuỗi chuẩn hóa (HEX chữ hoa).

🧭 Gợi ý sử dụng

Độ chính xác: quản lý màu của thiết bị/màn hình khác nhau; giá trị eyedropper có thể chênh nhẹ giữa các ứng dụng
Alpha: các định dạng hiện tại không bao gồm alpha; hãy dùng rgba()/hsla() hoặc field alpha riêng
Không gian màu: web mặc định dùng sRGB; với luồng P3/Display‑P3 cần kiểm tra cẩn thận
Nhất quán trong nhóm: thống nhất một định dạng chuẩn trong CSS (ví dụ HSL)

⚠️ Giới hạn & khả năng tương thích

Sai khác thiết bị: màn hình/trình duyệt/hệ điều hành khác nhau sẽ quản lý màu khác nhau; kết quả hiển thị có thể lệch
CMYK chỉ mang tính xấp xỉ: giá trị chỉ là ước lượng; để in ấn nghiêm túc cần profile ICC và quy trình phù hợp
Không có alpha: công cụ này không xử lý độ trong suốt

🔒 Quyền riêng tư & bảo mật

Toàn bộ xử lý diễn ra trong trình duyệt; dữ liệu của bạn không rời khỏi thiết bị.

❓ Câu hỏi thường gặp

Có hỗ trợ viết tắt #RGB không?

Hiện không hỗ trợ; vui lòng dùng HEX 6 chữ số (#RRGGBB).

Khoảng giá trị hợp lệ của RGB và HSL là gì?

RGB là 0–255 (số nguyên); H là 0–360, S/L là 0–100%.

Vì sao CMYK khác với bản in cuối?

CMYK phụ thuộc vào giấy, mực, thiết bị và cấu hình ICC; các giá trị ở đây chỉ là xấp xỉ — cần proof theo quy trình in thực tế.

Công cụ có hỗ trợ alpha (rgba()/hsla()) không?

Hiện tại chưa hỗ trợ; hãy dùng rgba()/hsla() hoặc quản lý alpha ở field riêng.

Vì sao màu xem trước hoặc giá trị chuyển đổi khác với ứng dụng thiết kế/trình duyệt?

Khác biệt đến từ quản lý màu, cách render và hiệu chỉnh màn hình. Công cụ này tính toán trên sRGB; kết quả chỉ mang tính tham khảo.

Có hỗ trợ dải rộng (P3/Display‑P3) không?

Hiện dựa trên sRGB; với luồng P3 hãy kiểm tra lại trên thiết bị đích và theo profile ICC.

Tôi có thể chuyển CMYK ngược lại thành HEX/RGB không?

Có hỗ trợ, nhưng việc từ CMYK → màu trên màn hình cũng chỉ là xấp xỉ; in ấn nghiêm túc vẫn cần ICC và proof thực tế.