Bảng màu vàng: mã màu vàng chanh, vàng kem, vàng gold và cách phối

Bảng màu vàng 8 sắc kèm mã HEX, RGB, CMYK đọc từ công cụ Đổi mã màu của ColorME: vàng chanh, vàng tươi, vàng kem, vàng gold, vàng pastel. Khác nhau ở đâu, tên màu vàng trong CSS, ba bảng phối màu vàng, tương phản chữ và lưu ý khi in.

Trả lời nhanh: không có một "mã màu vàng" duy nhất. Tên CSS yellow là #FFFF00, nhưng trong thiết kế người ta thường dùng các sắc vàng dịu hơn: vàng chanh, vàng kem, vàng gold, vàng mù tạt… Bảng dưới gom tám sắc vàng hay gặp; HEX là màu đại diện do ColorME chọn, còn RGB và CMYK mình đọc từ công cụ Đổi mã màu của ColorME ngày 18/10/2026.

Bảng màu vàng 8 sắc: HEX do ColorME chọn, RGB và CMYK đọc từ công cụ Đổi mã màu ngày 18/10/2026. Hình do ColorME tự dựng.

Tám sắc này đi từ sáng và nhẹ (vàng pastel, vàng kem) đến đậm và trầm (vàng gold, vàng đất). Khi dựng bảng màu thương hiệu, thường chỉ cần chọn một sắc vàng làm màu nhấn, một sắc nhạt cùng họ cho nền và một màu tối (xanh navy, nâu, đen) cho chữ.

Vàng chanh, vàng kem, vàng gold khác nhau ở đâu?

Đọc giá trị HSL (sắc độ, độ bão hoà, độ sáng) mà công cụ trả về, sự khác nhau rất rõ:

• Vàng chanh #FFF44F: hsl(56, 100%, 65%). Sắc độ 56 ngả về xanh lá một chút, bão hoà tối đa nên rất chói.
• Vàng kem #F3E5AB: hsl(48, 75%, 81%). Độ sáng 81%, độ bão hoà thấp hơn: dịu mắt, hợp làm nền.
• Vàng gold #D4AF37: hsl(46, 65%, 52%). Độ bão hoà chỉ 65% và độ sáng 52%, nên ngả xỉn, gợi màu kim loại vàng hơn là màu vàng tươi.
• Vàng đất #CC7722: hsl(30, 71%, 47%). Sắc độ 30 đã ngả hẳn sang cam, nên trông ấm và "đất" hơn.

Mẹo nhỏ: trên màn hình, màu vàng kim loại không thể hiện được độ bóng. Nếu cần cảm giác "mạ vàng", thiết kế thường dùng chuyển màu (gradient) từ vàng gold sang sắc sáng hơn và tối hơn của nó. Dải 9 ô sáng tối mà công cụ Đổi mã màu đưa ra cho #D4AF37 là chỗ bắt đầu tốt.

Mã màu vàng trong CSS: 5 tên gõ là dùng được

Giá trị trong bảng là kết quả công cụ Đổi mã màu trả về khi gõ đúng tên CSS. Lưu ý tên CSS gold là #FFD700, tức vàng tươi, không phải màu vàng kim loại #D4AF37.

Lấy mã màu vàng bằng công cụ: 3 bước

1. Mở Đổi mã màu và dán mã HEX, ví dụ #D4AF37, hoặc gõ tên CSS như gold. Bạn cũng có thể bấm Chọn màu để chọn trực tiếp.
2. Đọc các dòng HEX, RGB, HSL, HSV, CMYK, OKLCH và bấm biểu tượng sao chép cạnh dòng cần dùng.
3. Bấm một ô trong dải sáng tối phía dưới để lấy sắc sáng hơn hoặc tối hơn cùng họ, tiện cho màu nền nhạt hoặc màu khi rê chuột.

Vàng gold #D4AF37 trong công cụ Đổi mã màu: RGB, HSL, HSV, CMYK, OKLCH và dải sáng tối 9 ô. Ảnh chụp màn hình thật, 18/10/2026.

Theo phần câu hỏi thường gặp trên trang công cụ: "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."

Bảng phối màu vàng trên cùng một bố cục

Vàng là màu dễ làm thiết kế nổi bật nhưng cũng dễ "chói". Ba cách phối dưới đây dùng cùng một bố cục trang chủ cho một tiệm bánh giả định, chỉ đổi màu:

Ba bảng phối màu vàng trên cùng một bố cục trang chủ; tên tiệm là giả định. Tỉ lệ tương phản chữ tính theo WCAG 2.2.

• Vàng kem + xanh navy: vàng kem #F3E5AB làm nền, chữ và nút xanh navy #1B2A4A, khối nhấn vàng mù tạt. Dịu, cổ điển, chữ rất dễ đọc.
• Navy + vàng gold: nền tối, chữ trắng, nút và khối nhấn vàng gold #D4AF37. Hợp thương hiệu sang trọng, thiệp mời, sự kiện buổi tối.
• Trắng + vàng tươi: nền trắng, chữ navy, vàng tươi #FFD700 chỉ dùng cho khối nhấn và nút (chữ trên nút màu navy). Sáng, vui, hợp thương hiệu trẻ.

Muốn xem thêm các cặp màu tương phản, đọc bài các cặp màu tương phản phổ biến.

Lỗi hay gặp nhất: chữ vàng trên nền trắng

Màu vàng rất sáng, nên chữ vàng trên nền trắng gần như không đọc được. Mình tính tỉ lệ tương phản theo công thức WCAG 2.2 cho cả tám sắc vàng trên nền trắng:

Tỉ lệ tương phản của 8 sắc vàng trên nền trắng, tính theo công thức WCAG 2.2: không sắc nào đạt mức 4,5:1 cho chữ thường.

Mức tối thiểu cho chữ thường theo WCAG 2.2 là 4,5:1. Không sắc vàng nào trong bảng đạt mức này trên nền trắng: cao nhất là vàng đất 3,37:1, thấp nhất là vàng pastel 1,07:1. Đảo lại thì ổn: chữ xanh navy #1B2A4A trên nền vàng mù tạt đạt 6,89:1, chữ đen trên vàng tươi đạt 14,97:1. Bạn có thể tự kiểm tra cặp màu của mình bằng công cụ Kiểm tra tương phản.

Màu vàng khi in: đọc CMYK thế nào?

Trong CMYK, màu vàng chủ yếu đến từ kênh Y (Yellow). Công cụ đổi yellow #FFFF00 ra cmyk(0%, 0%, 100%, 0%). Các sắc vàng ấm như vàng nghệ, vàng mù tạt có thêm M (Magenta); các sắc vàng trầm như vàng gold, vàng đất có thêm K (đen).

Về độ chính xác khi in, trang công cụ 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." Với vàng kim loại thật (nhũ vàng, ép kim), bạn cần hỏi nhà in về mực hoặc màng ép riêng, vì bốn màu CMYK không in ra được độ bóng kim loại.

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

Trang công cụ trả lời câu "Mã màu tôi nhập có bị gửi đi đâu không?" như sau: "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."

Xem thêm các bảng màu khác: bảng màu đỏ, màu hồng, màu xanh, hoặc mục Màu vàng trong thư viện thuật ngữ.

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

Mã màu vàng là bao nhiêu?

Tên CSS yellow là #FFFF00, RGB 255, 255, 0, CMYK 0, 0, 100, 0. Trong thiết kế, vàng tươi dễ dùng hơn thường chọn quanh #FFD700 (RGB 255, 215, 0).

Mã màu vàng gold là gì?

Vàng gold kiểu kim loại hay dùng #D4AF37, RGB 212, 175, 55, CMYK 0, 17, 74, 17 theo công cụ Đổi mã màu của ColorME. Tên CSS gold lại là #FFD700, một màu vàng tươi.

Mã màu vàng kem là gì?

ColorME chọn #F3E5AB làm vàng kem đại diện: RGB 243, 229, 171, CMYK 0, 6, 30, 5. Vàng kem sáng và ít bão hoà, hợp làm nền.

Mã màu vàng pastel là gì?

Một sắc vàng pastel hay dùng là #FDFD96, RGB 253, 253, 150, CMYK 0, 0, 41, 1. Vì rất sáng, đừng dùng nó cho chữ trên nền trắng.

Màu vàng phối với màu gì đẹp?

Vàng hợp với xanh navy, đen, nâu và trắng. Cặp vàng kem với xanh navy dịu và dễ đọc; vàng gold trên nền navy cho cảm giác sang trọng; vàng tươi nên dùng làm điểm nhấn trên nền trắng, còn chữ để màu tối.