Chuyển đổi mã màu HEX, RGB, HSL: giữ đúng màu thương hiệu từ Canva tới website và in ấn

Chủ quán gửi logo cho bên in tờ rơi, nhận về màu vàng ngả cam; bạn thiết kế làm bài đăng Facebook thì vàng lại sáng hơn; website do bên thứ ba làm dùng một mã vàng khác nữa. Ba chỗ, ba màu, cùng một thương hiệu. Nguyên nhân thường không phải ai làm sai, mà mỗi người nhập màu theo một định dạng và tự ước lượng.

Công cụ Chuyển đổi màu giải quyết phần kỹ thuật: nhập mã ở định dạng này, lấy mã đúng ở định dạng kia, có ô xem trước để đối chiếu bằng mắt.

Ba định dạng bạn sẽ gặp

Định dạng	Trông như	Gặp ở đâu
HEX	#E3A944	Website, Canva, hầu hết công cụ thiết kế
RGB	rgb(227, 169, 68)	CSS, một số phần mềm chỉnh ảnh
HSL	hsl(41, 74%, 58%)	CSS hiện đại, chỉnh sáng tối của cùng một màu

Ba cách viết này mô tả cùng một màu trên màn hình, chuyển qua lại không mất mát. Riêng CMYK cho in ấn là hệ khác, màn hình không hiển thị đúng được, nên công cụ không chuyển sang CMYK.

Dùng công cụ

1. Mở Chuyển đổi màu.
2. Nhập mã vào ô HEX, RGB hoặc HSL. Hai ô còn lại tự cập nhật, ô xem trước đổi màu ngay.
3. Bấm Sao chép ở định dạng cần dùng rồi dán vào Canva, trình soạn website hay file CSS.

HSL tiện khi cần biến thể của màu chính: giữ nguyên hai số đầu, chỉ tăng giảm số cuối (độ sáng) để có màu nhạt hơn cho nền và đậm hơn cho chữ, màu vẫn "cùng họ".

Lập một bảng màu thương hiệu dùng chung

Việc đáng làm một lần cho cả quán, cửa hàng:

1. Lấy mã HEX của 3-5 màu từ logo gốc (bên thiết kế logo thường có sẵn; nếu không, dùng ống hút màu trong Canva trên file logo).
2. Chuyển sang RGB và HSL bằng công cụ, ghi cả ba vào một ghi chú chung, kèm chỗ dùng: nền, chữ, nút bấm, nhấn mạnh.
3. Gửi bảng này cho bên làm web và bên in. Với in, yêu cầu xưởng in gửi bản in thử hoặc đối chiếu với mã CMYK họ quy đổi.

Bộ nhận diện của MonkeyTech cũng được giữ theo cách này: mỗi sản phẩm một mã màu chính, dùng chung giữa website, ảnh chia sẻ và ứng dụng.

Vì sao màu in ra vẫn khác màn hình

Màn hình phát sáng bằng ba màu đỏ, lục, lam; mực in hấp thụ ánh sáng bằng bốn màu lục lam, hồng, vàng, đen. Một số màu rực trên màn hình (cam neon, xanh ngọc) không có mực nào in ra được. Bạn không sửa được bằng mã màu; cách thực tế là chọn màu thương hiệu nằm trong vùng in được, và duyệt bản in thử trước khi in hàng loạt.