Bảng màu hồng: mã màu hồng pastel, hồng đất, hồng cánh sen

Bảng màu hồng 8 sắc kèm mã HEX, RGB, CMYK đọc từ công cụ Đổi mã màu của ColorME: hồng pastel, hồng phấn, be hồng, hồng đất, hồng cánh sen; 6 tên màu hồng trong CSS, chữ trắng hay chữ tối trên nền hồng và ba cách phối màu hồng.

Trả lời nhanh: màu hồng không có một mã duy nhất. Tên CSS pink là #FFC0CB, nhưng trong thiết kế người ta dùng cả một họ màu hồng: hồng pastel, hồng phấn, be hồng, hồng đất, hồng cánh sen… Bảng dưới gom tám sắc hồ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 hồ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 đi từ nhạt nhất (hồng pastel, hồng phấn) đến đậm nhất (hồng đậm #C21E56). Khi làm bảng màu thương hiệu, bạn thường chỉ cần một sắc hồng làm màu chính, một sắc nhạt cùng họ cho nền và một màu tối (mận đậm, xám than) cho chữ.

Hồng pastel, hồng phấn, be hồng khác nhau ở đâu?

Ba màu này nhìn qua khá giống nhau. Đọc giá trị HSL (sắc độ, độ bão hoà, độ sáng) mà công cụ trả về sẽ thấy chúng nằm ở ba chỗ khác nhau trên vòng màu:

• Hồng pastel #F8C8DC: hsl(335, 77%, 88%). Sắc độ 335 nghiêng về phía tím, nên hồng pastel có cảm giác "mát" và ngọt.
• Hồng phấn #F4C2C2: hsl(0, 69%, 86%). Sắc độ 0 là đỏ thuần: đây là màu đỏ được pha thật nhạt, ấm hơn hồng pastel.
• Be hồng #E8C4B8: hsl(15, 51%, 82%). Sắc độ 15 nghiêng về cam, độ bão hoà thấp hơn hẳn: hồng lẫn màu da, thường gọi là màu nude.

Một cách nhớ: hồng ngả tím (sắc độ 320 đến 345) cho cảm giác trẻ, ngọt; hồng ngả cam (sắc độ 0 đến 20) cho cảm giác ấm, tự nhiên. Khi phối, nên chọn hẳn một hướng để bảng màu không bị "lệch tông".

Đọc mã màu hồng trong công cụ Đổi mã màu

Muốn lấy mã cho một sắc hồng bất kỳ, bạn mở công cụ Đổi mã màu rồi:

1. Dán mã vào ô "Mã màu của bạn". Ô nhập nhận HEX, rgb(), hsl(), hsv(), cmyk(), oklch() hoặc tên màu CSS như hotpink.
2. Đọc các dòng HEX, RGB, HSL, HSV, CMYK, OKLCH và biến CSS; bấm biểu tượng sao chép cạnh dòng cần dùng.
3. Bấm vào dải "Sáng hơn → tối hơn" nếu cần một sắc hồng nhạt hơn cho nền hoặc đậm hơn cho chữ.

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

Trang công cụ trả lời câu "Công cụ đổi mã màu có miễn phí không?": "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."

Màu hồng trong CSS: 6 tên gõ là dùng được

Giá trị là kết quả công cụ Đổi mã màu trả về khi gõ đúng tên CSS. Lưu ý: lightpink (#FFB6C1) lại đậm hơn pink (#FFC0CB) một chút, nên đừng đoán theo tên; hãy kiểm tra mã.

Tạo cả thang màu hồng 50-950 từ một mã

Với giao diện web hoặc app, một mã hồng là không đủ: bạn cần nền nhạt, viền, chữ nhấn, nút và trạng thái di chuột. Công cụ Thang màu & design token tạo 11 bậc từ 50 đến 950 chỉ từ một mã. Mình nhập hồng cánh sen #E0218A:

Thang hồng 50-950 tạo từ #E0218A trong công cụ Thang màu & design token, kèm màu chữ nên dùng và tỉ lệ tương phản. Ảnh chụp màn hình thật, 18/10/2026.

Thang nhận được đi từ pink-50 #FFF3F7 đến pink-950 #410424, màu gốc nằm ở bậc 500. Dưới mỗi ô, công cụ ghi nên dùng chữ đậm hay chữ trắng và tỉ lệ tương phản: bậc 500 chỉ được 4.4 với chữ trắng, còn bậc 600 #BE0072 được 6.1. Bạn có thể sao chép mã dạng CSS, Tailwind, SCSS hoặc JSON. Trang công cụ trả lời câu "Công cụ có miễn phí không?": "Miễn phí, không cần đăng nhập và chạy ngay trên trình duyệt."

Chữ trắng hay chữ tối trên nền hồng?

Chữ trắng và chữ mận đậm trên 8 sắc hồng, tỉ lệ tương phản tính theo WCAG 2.2: chỉ hồng đậm #C21E56 đạt 4,5:1 với chữ trắng.

Đây là lỗi hay gặp nhất với màu hồng: đặt chữ trắng lên nền hồng nhạt. Mức tối thiểu cho chữ thường theo WCAG 2.2 là 4,5:1. Mình tính tỉ lệ tương phản cho cả tám sắc:

• Năm sắc sáng (hồng pastel, hồng phấn, be hồng, hồng ruốc, hồng neon) và hồng đất chỉ hợp với chữ tối. Chữ trắng trên hồng pastel chỉ được 1,47:1, gần như không đọc được.
• Hồng cánh sen #E0218A với chữ trắng được 4,42:1, sát ngưỡng nhưng chưa đủ cho chữ nhỏ. Nút có chữ to và đậm thì tạm ổn; chữ nội dung thì nên đổi nền sang bậc 600 #BE0072 (6,12:1).
• Hồng đậm #C21E56 là sắc duy nhất trong bảng đạt với chữ trắng (5,81:1).

Bạn tự kiểm tra cặp màu của mình bằng công cụ Kiểm tra tương phản.

Ba cách phối màu hồng đẹp, dễ dùng

Ba bảng phối màu hồng trên cùng một bố cục trang chủ; tên thương hiệu là giả định. Hình do ColorME tự dựng.

Ba bảng phối trên dùng cùng một bố cục trang chủ để bạn so sánh; tên thương hiệu là giả định:

• Hồng pastel và kem: nền kem #F7F3EE, mảng lớn hồng pastel #F8C8DC, nút hồng đậm #C21E56, chữ mận đậm #3A1F2B. Hợp tiệm hoa, tiệm bánh, mỹ phẩm.
• Be hồng tối giản: nền #FFF5EE, be hồng #E8C4B8 cho ảnh và thẻ, nâu mận #5A2A3C cho nút, chữ xám than #2B2B2B. Hợp thời trang, nội thất, thương hiệu cần sự nhẹ nhàng mà không "sến".
• Hồng ruốc trên nền tối: nền mận rất tối #3A1F2B, nút hồng ruốc #FF91A4 với chữ tối, hồng neon #FF69B4 chỉ cho một dòng nhấn nhỏ. Hợp sự kiện, âm nhạc, quán bar.

Quy tắc chung: màu hồng rực (neon, cánh sen) nên chiếm phần nhỏ của trang; phần lớn để cho nền trung tính hoặc một sắc hồng thật nhạt.

Màu hồng khi in: chú ý màu neon

Bảng mã cho thấy hồng neon #FF69B4 ra cmyk(0%, 59%, 29%, 0%) và hồng ruốc ra cmyk(0%, 43%, 36%, 0%). Những sắc hồng rất rực trên màn hình thường in ra xỉn hơn, vì mực CMYK không tái tạo được hết vùng màu RGB tươi. Nếu thương hiệu cần một màu hồng thật rực trên ấn phẩm, hãy hỏi nhà in về mực pha (màu spot) và in thử. Về độ chính xác của phép đổi, 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."

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

Trang công cụ Đổi mã màu trả lời câu "Mã màu tôi nhập có bị gửi đi đâu không?": "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 tím, bảng màu đỏ, hoặc mục Màu hồng trong thư viện thuật ngữ.

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

Mã màu hồng là bao nhiêu?

Tên CSS pink là #FFC0CB, RGB 255, 192, 203, CMYK 0, 25, 20, 0. Trong thiết kế, người ta thường dùng nhiều sắc hồng khác nhau thay vì chỉ một mã.

Mã màu hồng pastel là gì?

ColorME chọn #F8C8DC làm hồng pastel đại diện: RGB 248, 200, 220, CMYK 0, 19, 11, 3. Màu này hợp làm nền và mảng lớn, đi với chữ tối.

Màu hồng đất là màu gì?

Hồng đất là hồng pha xám nâu, độ bão hoà thấp. Một mã hay dùng là #C08081 (RGB 192, 128, 129). Màu này trầm, ấm, hợp nội thất và thương hiệu không muốn quá "ngọt".

Mã màu hồng cánh sen là gì?

ColorME chọn #E0218A làm hồng cánh sen đại diện: RGB 224, 33, 138. Chữ trắng trên màu này đạt 4,42:1, chưa đủ 4,5:1 cho chữ nhỏ.

Màu be hồng có mã màu gì?

Một sắc be hồng (nude) hay dùng là #E8C4B8, RGB 232, 196, 184, CMYK 0, 16, 21, 9: hồng ngả cam, độ bão hoà thấp.

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

Hồng nhạt đi đẹp với kem, trắng ngà và một màu tối như mận đậm hay xám than. Hồng rực hợp nền tối hoặc làm điểm nhấn nhỏ trên nền trung tính.