Bảng màu cơ bản: mã màu HEX, RGB và cách phối màu

Bảng màu (color palette) là tập hợp các màu được chọn để dùng cùng nhau trong một thiết kế, đi kèm mã màu như HEX hoặc RGB để dùng chính xác trên màn hình. Ba màu gốc trong mô hình ánh sáng RGB là đỏ, xanh lá và xanh dương.

Bảng màu cơ bản kèm mã HEX và RGB

Màu	Mã HEX	Mã RGB
Đỏ	#FF0000	255, 0, 0
Cam	#FFA500	255, 165, 0
Vàng	#FFFF00	255, 255, 0
Xanh lá (green)	#008000	0, 128, 0
Xanh lá sáng (lime)	#00FF00	0, 255, 0
Xanh dương	#0000FF	0, 0, 255
Tím	#800080	128, 0, 128
Hồng	#FFC0CB	255, 192, 203
Nâu	#A52A2A	165, 42, 42
Xám	#808080	128, 128, 128
Đen	#000000	0, 0, 0
Trắng	#FFFFFF	255, 255, 255

Đây là các mã màu chuẩn thường gặp (tên màu CSS). Cùng một tên gọi, mỗi người hay phần mềm có thể chọn sắc độ khác nhau, nên khi làm việc nhóm hãy chia sẻ mã màu thay vì chỉ nói "xanh" hay "đỏ".

Cách đọc mã HEX và RGB

RGB gồm ba số từ 0 đến 255 cho lượng đỏ (Red), xanh lá (Green), xanh dương (Blue). HEX là cách viết ba số đó bằng hệ thập lục phân, mỗi màu hai ký tự. Ví dụ màu cam #FFA500 gồm FF = 255 (đỏ), A5 = 165 (xanh lá), 00 = 0 (xanh dương), nghĩa là RGB (255, 165, 0).

Bánh xe màu và các kiểu phối màu

Kiểu phối	Cách chọn	Hiệu quả
Đơn sắc	Một màu, thay đổi độ đậm nhạt	Nhẹ nhàng, tinh tế
Tương đồng	Các màu kề nhau trên bánh xe màu	Hài hòa, êm mắt
Bổ túc	Hai màu đối diện nhau (như xanh dương và cam)	Tương phản mạnh, nổi bật
Tam giác	Ba màu cách đều nhau	Sinh động, cần cân bằng

Quy tắc 60-30-10

• 60% màu chủ đạo (nền, mảng lớn).
• 30% màu phụ (khối thứ hai).
• 10% màu nhấn (nút bấm, tiêu đề, chi tiết nhỏ).

Quy tắc này dùng được cho thiết kế web, nội thất, trang phục hay slide thuyết trình. Muốn xem thêm các tổ hợp màu gợi ý, bạn có thể đọc bài bảng phối màu. Nếu cần pha màu thực tế với sơn hoặc màu vẽ, xem cách pha màu nâu và cách pha màu da.

Mẹo chọn bảng màu cho người mới

• Giới hạn trong 3 đến 5 màu, bắt đầu từ một màu thương hiệu hoặc chủ đề.
• Kiểm tra độ tương phản giữa chữ và nền để dễ đọc, nhất là chữ nhỏ.
• Xem thiết kế ở chế độ đen trắng để chắc chắn bố cục vẫn rõ.
• Màu trên màn hình (RGB) và màu in (thường là CMYK) có thể lệch, hãy in thử trước khi in số lượng lớn.

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

Bảng màu cơ bản gồm những màu nào?

Thường gồm đỏ, cam, vàng, xanh lá, xanh dương, tím, cùng các màu trung tính như đen, trắng, xám. Ba màu gốc của ánh sáng là đỏ, xanh lá, xanh dương.

Mã HEX và RGB khác nhau thế nào?

RGB viết bằng ba số thập phân 0 đến 255, HEX viết cùng giá trị đó bằng ký tự thập lục phân, bắt đầu bằng dấu #.

Làm sao chọn màu phối đẹp?

Chọn một màu chủ đạo, dùng bánh xe màu tìm màu tương đồng hoặc bổ túc, rồi áp dụng quy tắc 60-30-10.

Màu bổ túc của xanh dương là gì?

Trên bánh xe màu truyền thống (đỏ – vàng – xanh dương), màu bổ túc của xanh dương là cam.

Nguồn tham khảo

• Tổng hợp kiến thức phổ thông của Ban biên tập