Bảng màu be: mã màu be sữa, be kem, be nude và màu đi kèm

Bảng màu be 10 sắc kèm HEX, RGB, CMYK: be sữa, kem sữa, be kem, be nude, be hồng, be xám; 11 tên màu CSS họ be; màu be đi với màu gì theo bánh xe màu, chữ màu gì trên nền be và mẫu poster, web, slide, mood board.

Trả lời nhanh: tên màu CSS beige là #F5F5DC (RGB 245, 245, 220), nhưng "màu be" trong thiết kế là cả một họ màu nhạt, ấm: be sữa, kem sữa, be kem, be cát, be nude, be hồng, be xám… Bảng dưới gom mười sắc be mình hay dùng; HEX là màu đại diện do ColorME chọn, còn RGB và CMYK mình kiểm tra lại bằng công cụ Đổi mã màu của ColorME ngày 22/10/2026. Phần "màu đi kèm" lấy từ kết quả thật của công cụ Bánh xe màu.

Bảng màu be 10 sắc: HEX do ColorME chọn, RGB và CMYK kiểm tra bằng công cụ Đổi mã màu ngày 22/10/2026.

Mười sắc này đi từ rất nhạt (kem sữa, be chuẩn) tới trầm (be latte). Cách dùng an toàn nhất: một sắc be làm nền, một sắc be đậm hơn cho khối phụ, và một màu tối như nâu espresso hoặc xanh navy cho chữ. Nếu chỉ cần định nghĩa ngắn, xem mục Màu be trong thư viện thuật ngữ.

Be sữa, be kem, be nude, be xám khác nhau ở đâu?

Các sắc be nhìn na ná nhau, nên mình đọc giá trị HSL (sắc độ H, độ bão hoà S, độ sáng L) mà công cụ Đổi mã màu trả về để chia nhóm:

Bốn nhóm be theo sắc ngầm, đọc từ giá trị HSL: ngả vàng, trung tính ấm, ngả hồng đào, ngả xám.

• Be ngả vàng: be chuẩn hsl(60, 56%, 91%), kem sữa hsl(42, 67%, 94%), be kem hsl(40, 56%, 86%), be cát hsl(39, 46%, 75%). Sắc độ từ 39 trở lên nên ngả vàng, hợp đồ ăn, giấy cũ, phong cách vintage.
• Be trung tính ấm: be sữa hsl(35, 48%, 90%) và be nâu tan hsl(34, 44%, 69%). Không ngả hẳn về vàng hay hồng, dễ phối nhất.
• Be ngả hồng, đào: be nude hsl(27, 50%, 78%) và be hồng hsl(17, 43%, 84%). Sắc độ thấp, gần màu da, nên hay gặp trong mỹ phẩm, thời trang, ảnh cưới.
• Be ngả xám: be xám hsl(33, 16%, 76%) và be latte hsl(31, 26%, 61%). Độ bão hoà dưới 30% làm màu dịu, trầm, hợp nội thất hiện đại và slide doanh nghiệp.

Một điểm hay bị nhầm: tên CSS beige (#F5F5DC) có sắc độ 60, tức ngả vàng chanh rất nhạt. Khi đặt cạnh be sữa hay be nude, nó trông hơi xanh vàng. Nếu bạn hình dung "màu be" là màu sữa pha chút cà phê, hãy dùng be sữa #F2E8DA hoặc be nude #E3C4AA thay vì gõ chữ beige.

Mã màu beige và các tên màu CSS họ be

CSS có sẵn nhiều tên màu thuộc họ be và kem. Mình gõ từng tên vào công cụ Đổi mã màu và ghi lại kết quả:

linen và oldlace rất gần kem sữa, còn tan chính là be nâu trong bảng đầu bài. Danh sách đủ 148 tên màu có trong bài bảng mã màu HTML, CSS.

Muốn lấy mã của một sắc be bất kỳ, bạn dán HEX vào ô nhập của công cụ Đổi mã màu; công cụ hiện ngay RGB, HSL, HSV, CMYK, OKLCH và một biến CSS, kèm dải chín ô từ sáng tới tối để chọn sắc đậm hoặc nhạt hơn:

Be nude #E3C4AA trong công cụ Đổi mã màu: RGB 227, 196, 170, CMYK 0, 14, 25, 11. Ảnh chụp màn hình thật, chưa đăng nhập, 22/10/2026.

Cách đọc RGB, HEX và cách đổi qua lại giữa chúng mình đã viết kỹ trong bài bảng màu RGB 80 mã màu, nên ở đây không nhắc lại.

Bảng màu kem sữa và background màu be, kem, nude

Nhiều người tìm mã màu be để làm background: nền điện thoại, nền story, nền slide hay nền website. Nền be chỉ đẹp khi chữ trên nó đủ rõ, nên mình ghép sẵn mỗi nền với một màu chữ và tính tỉ lệ tương phản theo công thức WCAG 2.2:

Bảng màu kem sữa gọn nhất mình hay dùng cho tài liệu và menu: nền kem sữa #FAF4E6, khối phụ be kem #EFE1C6, chữ nâu espresso #3B2A20 và một màu nhấn đất nung #B8583A cho tiêu đề lớn. Với nền màu nude, tránh chữ trắng: chữ trắng trên #E3C4AA chỉ đạt 1,65:1.

Màu be đi với màu gì? Kết quả từ bánh xe màu

Mình đặt be nude #E3C4AA và be nâu #D2B48C làm màu gốc trong công cụ Bánh xe màu (bánh xe hoạ sĩ RYB, mặc định của công cụ), chưa đăng nhập, rồi lần lượt chọn 5 quy tắc. Đây là quy tắc Bổ sung với be nude:

Be nude với quy tắc Bổ sung trong công cụ Bánh xe màu: màu đối diện là xanh lam nhạt #AAB4E3. Ảnh chụp màn hình thật, 22/10/2026.

Và đây là toàn bộ mã màu công cụ trả về:

5 quy tắc phối màu cho be nude và be nâu (tan); mã màu là kết quả thật của công cụ Bánh xe màu.

• Tương đồng (be nude): #D1A39C, #E3BBAA, #E3C4AA, #E3CEAA, #D1C69C. Từ hồng đất tới be ô liu, rất êm, hợp thiệp cưới và mỹ phẩm.
• Bổ sung (be nude): #887666, #E3D2C4, #E3C4AA, #AAB4E3, #666C88. Màu đối diện là xanh lam nhạt và xanh xám: đó là lý do be đi với xanh navy, xanh denim rất hợp.
• Bổ sung chia tách (be nude): #AAE3D9, #779F98, #E3C4AA, #BCAAE3, #83779F. Xanh bạc hà và tím oải hương nhạt, trẻ hơn, hợp bao bì.
• Bộ ba (be nude): #8CB688, #AFE3AA, #E3C4AA, #D1AAE3, #D8C1E3. Xanh lá và tím pastel, nên dùng ít, làm điểm nhấn.
• Sắc độ (be nude): #443B33, #887666, #E3C4AA, #CCB099, #B69D88. Cùng một sắc ở nhiều độ sáng, ô tối nhất #443B33 dùng được làm màu chữ.

Với be nâu #D2B48C, quy tắc Bổ sung cho tím xanh #948CD2 và tím than #59547E; quy tắc Sắc độ cho nâu đậm #3F362A, hợp làm chữ. Ngoài kết quả của bánh xe, đây là bảy màu mình hay ghép với be trong bài, kèm tỉ lệ tương phản khi đặt chữ màu đó trên nền be sữa #F2E8DA:

• Nâu espresso #3B2A20 (11,27:1): màu chữ ấm, thay cho đen.
• Xanh navy #1F2A44 (11,77:1): tạo điểm tựa chắc chắn, hợp doanh nghiệp.
• Đen than #222222 (13,13:1): tối giản, hiện đại.
• Xanh rêu #5E6B47 (4,72:1): nút bấm, nhãn, phong cách tự nhiên.
• Đất nung #B8583A (3,86:1): chỉ cho chữ lớn hoặc khối màu nhấn.
• Xanh sage #9CAF95 (1,93:1): chỉ làm khối màu, không dùng cho chữ.
• Trắng ngà #FFFDF8: làm thẻ, khung ảnh nổi trên nền be.

Muốn xem thêm các bộ phối có sẵn mã, đọc bài 30 bảng phối màu đẹp có mã HEX.

Chữ màu gì trên nền be thì dễ đọc?

Mình tính tỉ lệ tương phản cho 50 cặp: 10 nền be trong bảng đầu bài và 5 màu chữ.

50 cặp chữ và nền be, tỉ lệ tương phản tính theo công thức WCAG 2.2.

Mức tối thiểu cho chữ thường theo WCAG 2.2 là 4,5:1, chữ lớn là 3:1. Kết quả:

• Chữ trắng không đạt trên nền be nào, cao nhất chỉ 2,64:1 trên be latte. Đây là lỗi hay gặp nhất khi làm poster và thumbnail tông be.
• Nâu espresso và xanh navy đạt trên cả 10 nền, thấp nhất 5,18:1 (espresso trên be latte).
• Xanh rêu chỉ đạt chữ thường trên ba nền nhạt nhất: be chuẩn 5,17:1, kem sữa 5,22:1, be sữa 4,72:1. Trên nền đậm hơn, chỉ dùng cho chữ lớn hoặc nút có chữ trắng ngà.
• Đất nung không đạt 4,5:1 trên nền be nào; tốt nhất 4,26:1 trên kem sữa, đủ cho tiêu đề lớn.

Tự kiểm tra cặp màu của bạn bằng công cụ Kiểm tra tương phản màu; theo FAQ của trang, chữ lớn là "từ 18pt (khoảng 24px), hoặc từ 14pt (khoảng 18.66px) nếu in đậm".

4 cách dùng bảng màu be trong thiết kế thật

Các mẫu dưới đây do ColorME tự dựng với thương hiệu giả định, dùng đúng mã màu trong bài.

Poster: be làm nền, hoặc be làm chữ

Hai cách phối poster tông be cho một triển lãm giả định: nền be chữ tối, và nền tối chữ be.

Bản trái dùng nền be kem #EFE1C6, chữ nâu espresso và một hình tròn đất nung làm điểm nhấn. Bản phải đảo lại: nền espresso, chữ be kem, bốn cột be sữa, be nude, be nâu, be latte như bốn cuộn sợi. Hai bản cùng đạt 10,57:1. Khi dùng be cho poster, hãy cho một màu đậm chiếm ít nhất một khối lớn, nếu không poster sẽ trông nhợt.

Website: nền be sữa, nút xanh rêu

Trang chủ tông be cho một thương hiệu thời trang giả định, bản máy tính và điện thoại.

Nền be sữa #F2E8DA dịu mắt hơn trắng tinh, hợp thương hiệu thời trang, mỹ phẩm, đồ thủ công. Chữ nội dung dùng espresso (11,27:1). Nút bấm dùng xanh rêu #5E6B47 với chữ trắng ngà, đạt 5,63:1, vừa nổi trên nền be vừa không chói như màu đỏ hay cam. Ảnh sản phẩm nên đặt trên thẻ trắng ngà hoặc be kem để tách khỏi nền.

Slide: navy làm điểm tựa

Hai slide 16:9 dùng be xám, be kem với xanh navy; thương hiệu giả định.

Slide mở đầu dùng nền navy, chữ be kem (11,04:1); slide nội dung đảo sang nền be xám #CCC3B8 với chữ navy (8,19:1) và thẻ trắng ngà. Xen kẽ hai kiểu nền giúp bài trình chiếu có nhịp mà vẫn đồng bộ màu.

Mood board nội thất và thời trang

Hai mood board tông be cho nội thất Japandi và tủ đồ tối giản, kèm tỉ lệ 60-30-10.

Với nội thất và thời trang, be thường chiếm phần lớn, nên mình chia theo tỉ lệ 60-30-10: 60% màu nền (tường, áo chính), 30% màu phụ (gỗ, sơ mi), 10% màu nhấn. Phòng khách kiểu Japandi: be cát cho tường, be nâu như gỗ sồi, xanh sage cho gốm, đen than cho khung đèn. Tủ đồ tông nude: be nude, be sữa, be hồng và một món nâu espresso như thắt lưng để giữ dáng tổng thể.

In màu be: đọc CMYK thế nào?

Các sắc be có CMYK rất thấp: be sữa chỉ là cmyk(0%, 4%, 10%, 5%), kem sữa cmyk(0%, 2%, 8%, 2%). Lượng mực ít như vậy nên be nhạt dễ bị lẫn vào màu giấy, nhất là giấy hơi ngả vàng. Khi in, mình thường chọn sắc đậm hơn một bậc (be kem thay cho kem sữa) và in thử trước.

Về độ chính xác của CMYK, trang công cụ Đổi mã màu ghi: "Đây là công thức chuyển đổi chuẩn, đủ để tham khảo và trao đổi. Màu in thật còn phụ thuộc hồ sơ màu ICC, loại giấy và máy in của nhà in, nên hãy in thử trước khi in số lượng lớn."

Mã màu bạn nhập có được lưu không?

Theo trang công cụ Đổi mã màu: "Hoàn toàn miễn phí, không cần đăng nhập và không giới hạn số lần dùng." và "Việc chuyển đổi chạy ngay trên trình duyệt của bạn. ColorME chỉ ghi nhận lượt dùng kèm mã màu bạn đổi hoặc sao chép để thống kê, không cần tài khoản."

Theo trang Bánh xe màu: "Hoàn toàn miễn phí và không cần đăng nhập. Mọi thao tác chạy ngay trên trình duyệt của bạn; nếu đã đăng nhập ColorME, ảnh PNG, SVG bạn tải về còn được lưu vào mục Lịch sử để dùng lại. Khi bạn tải PNG, ColorME nhận một bản ảnh bảng màu để theo dõi cách công cụ được dùng." Trong bài này mình chỉ đọc mã màu, không tải file PNG, SVG hay ASE.

Xem thêm các bảng màu khác: bảng màu cam, bảng màu vàng, bảng màu hồng, bảng màu xám và bảng màu pastel.

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

Mã màu be là bao nhiêu?

Tên CSS beige là #F5F5DC, RGB 245, 245, 220, CMYK 0, 0, 10, 4. Nếu muốn màu be ấm như sữa pha cà phê, dùng be sữa #F2E8DA hoặc be nude #E3C4AA.

Màu be sữa mã màu là gì?

ColorME chọn #F2E8DA làm be sữa đại diện: RGB 242, 232, 218, CMYK 0, 4, 10, 5. Sắc nhạt hơn, gần trắng là kem sữa #FAF4E6.

Background màu nude dùng mã màu nào?

Một sắc nude dễ dùng là #E3C4AA (RGB 227, 196, 170). Đặt chữ nâu espresso #3B2A20 lên trên đạt 8,29:1; tránh chữ trắng vì chỉ đạt 1,65:1.

Màu be đi với màu gì?

Theo quy tắc bổ sung trên bánh xe màu, be đi với xanh lam, xanh navy. Ngoài ra be hợp nâu espresso, xanh rêu, xanh sage, đất nung, đen than và trắng ngà.

Chữ trắng trên nền be có đọc được không?

Không. Theo công thức WCAG 2.2, chữ trắng trên 10 sắc be trong bài chỉ đạt từ 1,10:1 tới 2,64:1, dưới cả mức 3:1 cho chữ lớn. Hãy dùng chữ nâu espresso hoặc xanh navy.