Bảng màu pastel đẹp và mã màu
Biến màu bất kỳ thành pastel
- Mức 1 #FFE8EB rgb(255, 232, 235)
- Mức 2 #FFDCE1 rgb(255, 220, 225)
- Mức 3 #FFD0D7 rgb(255, 208, 215)
- Mức 4 #FFC4CD rgb(255, 196, 205)
- Mức 5 #FFB7C3 rgb(255, 183, 195)
- Mức 6 #FDA9B8 rgb(253, 169, 184)
Chữ nên dùng trên các nền này: (thấp nhất 7,27:1)
Mở 6 màu này trong: Phối màu · Gradient · Kiểm tra tương phản
Mức 1 nhạt nhất → mức 6 đậm nhất: giữ nguyên sắc độ của màu gốc, nâng độ sáng và giảm độ rực. Màu xám, be vẫn giữ được vẻ trung tính.
Bộ phối màu pastel đẹp
- Chỉnh trong Phối màu — Kẹo bông
- Chỉnh trong Phối màu — Cầu vồng pastel
- Chỉnh trong Phối màu — Bạc hà và đào
- Chỉnh trong Phối màu — Biển sớm
- Chỉnh trong Phối màu — Trà sữa
- Chỉnh trong Phối màu — Oải hương
- Chỉnh trong Phối màu — Đồng cỏ
- Chỉnh trong Phối màu — Nâu pastel
Bấm vào một bộ phối để sao chép toàn bộ mã HEX.
Mã màu hồng pastel
- Hồng pastel #FFD1DC rgb(255, 209, 220)
- Hồng kẹo bông #FFC8DD rgb(255, 200, 221)
- Hồng phấn nhạt #F8C8DC rgb(248, 200, 220)
- Hồng sữa #FADADD rgb(250, 218, 221)
- Hồng phấn #F4C2C2 rgb(244, 194, 194)
- Hồng sương #FFE4E1 rgb(255, 228, 225)
- Hồng san hô nhạt #FFB7B2 rgb(255, 183, 178)
- Hồng đào #FF9AA2 rgb(255, 154, 162)
Mã màu cam và đào pastel
- Cam pastel #FFB347 rgb(255, 179, 71)
- Đào #FFDAB9 rgb(255, 218, 185)
- Đào kem #FFE5B4 rgb(255, 229, 180)
- Mơ #FBCEB1 rgb(251, 206, 177)
- Cam mơ #FFCBA4 rgb(255, 203, 164)
- Cam sữa #FFD8B1 rgb(255, 216, 177)
- Cam san hô nhạt #FFDAC1 rgb(255, 218, 193)
- Cam hoàng hôn nhạt #FEC89A rgb(254, 200, 154)
Mã màu vàng pastel
- Vàng pastel #FDFD96 rgb(253, 253, 150)
- Vàng bơ #FFF1A8 rgb(255, 241, 168)
- Vàng chanh kem #FFFACD rgb(255, 250, 205)
- Vàng vani #F9E79F rgb(249, 231, 159)
- Vàng nắng nhạt #FFF5BA rgb(255, 245, 186)
- Vàng mật ong nhạt #FBE7A1 rgb(251, 231, 161)
- Vàng chuối #FDFFB6 rgb(253, 255, 182)
- Vàng kem #FAFAD2 rgb(250, 250, 210)
Mã màu xanh lá pastel
- Xanh lá pastel #77DD77 rgb(119, 221, 119)
- Xanh trà #D0F0C0 rgb(208, 240, 192)
- Xanh lá non #C1E1C1 rgb(193, 225, 193)
- Xanh táo nhạt #CAFFBF rgb(202, 255, 191)
- Xanh bơ #E2F0CB rgb(226, 240, 203)
- Xanh lá sữa #BDECB6 rgb(189, 236, 182)
- Xanh cỏ nhạt #A8E6CF rgb(168, 230, 207)
- Xanh rêu pastel #CCD5AE rgb(204, 213, 174)
Mã màu xanh ngọc và mint pastel
- Xanh mint pastel #AAF0D1 rgb(170, 240, 209)
- Xanh bạc hà sữa #B5EAD7 rgb(181, 234, 215)
- Xanh ngọc pastel #A0E7E5 rgb(160, 231, 229)
- Xanh mint tươi #B4F8C8 rgb(180, 248, 200)
- Xanh ngọc nhạt #AFEEEE rgb(175, 238, 238)
- Xanh biển nông #99E1D9 rgb(153, 225, 217)
- Xanh lơ pastel #9BF6FF rgb(155, 246, 255)
- Xanh ngọc sương #C7F9F1 rgb(199, 249, 241)
Mã màu xanh dương pastel
- Xanh dương pastel #AEC6CF rgb(174, 198, 207)
- Xanh baby #89CFF0 rgb(137, 207, 240)
- Xanh baby nhạt #A7C7E7 rgb(167, 199, 231)
- Xanh phấn #B0E0E6 rgb(176, 224, 230)
- Xanh trời nhạt #BDE0FE rgb(189, 224, 254)
- Xanh trời #A2D2FF rgb(162, 210, 255)
- Xanh hoa ngô nhạt #A0C4FF rgb(160, 196, 255)
- Xanh băng #CDE7F0 rgb(205, 231, 240)
Mã màu tím pastel
- Tím pastel #C3B1E1 rgb(195, 177, 225)
- Tím lavender nhạt #E6E6FA rgb(230, 230, 250)
- Tím oải hương #DCD0FF rgb(220, 208, 255)
- Tím hoa cà #C8A2C8 rgb(200, 162, 200)
- Tím mộng mơ #CDB4DB rgb(205, 180, 219)
- Tím hồng pastel #E0BBE4 rgb(224, 187, 228)
- Tím periwinkle #C7CEEA rgb(199, 206, 234)
- Tím khói #B39EB5 rgb(179, 158, 181)
Mã màu nâu, be và xám pastel
Mở bảng này trong: Phối màu · Gradient · Kiểm tra tương phản
Màu pastel là gì?
Màu pastel là màu đã được pha nhiều trắng: độ sáng cao, độ bão hoà thấp đến trung bình. Trong hệ HSL, pastel thường có độ sáng (L) từ 75% đến 92% và độ bão hoà (S) từ 25% đến 100% — ví dụ hồng pastel #FFD1DC là hsl(346, 100%, 91%). Tên gọi bắt nguồn từ phấn pastel trong hội hoạ, loại phấn cho nét màu mềm, phủ sương.
Cách tự tạo màu pastel từ một màu bất kỳ
- Mở màu gốc trong color picker.
- Giữ nguyên sắc độ (H), kéo độ sáng (L) lên khoảng 80–90%.
- Nếu màu còn gắt, giảm độ bão hoà (S) xuống 40–70%.
Nhanh hơn: nhập màu vào công cụ biến màu bất kỳ thành pastel ở đầu trang để nhận ngay 6 mức pastel cùng sắc độ.
Cách khác: trộn màu gốc với trắng theo tỉ lệ khoảng 30% màu và 70% trắng. Phần “bảng sắc độ” ở mỗi trang màu, ví dụ xanh dương, chính là kết quả của cách pha này.
Dùng mã màu pastel trong Canva, Excel, Google Sheets và PowerPoint
| Ứng dụng | Cách nhập mã màu |
|---|---|
| Canva | Chọn phần tử → ô màu → dấu + (Thêm màu mới) → dán mã HEX |
| Excel, PowerPoint, Word | Fill Color → More Colors → thẻ Custom → ô Hex (bản cũ: nhập ba số RGB) |
| Google Sheets, Slides | Màu nền → Tuỳ chỉnh (dấu +) → ô Hex |
| Photoshop, Illustrator, Figma | Bảng Color Picker → ô # |
Lưu ý khi thiết kế với màu pastel
- Không dùng pastel làm màu chữ trên nền trắng — tỉ lệ tương phản thường dưới 2 : 1. Dùng pastel làm nền và chọn chữ xám đậm hoặc bản đậm của chính màu đó; nhớ kiểm tra độ tương phản.
- Một bố cục nên có 2–4 màu pastel kèm một màu trung tính (trắng, kem, xám nhạt) để không bị “ngọt” quá mức.
- Khi in, pastel rất nhạy với sai lệch mực: nên in thử, vì chênh vài phần trăm CMYK đã làm đổi tông thấy rõ.
Muốn dùng pastel làm nền chuyển sắc, ghép hai màu pastel gần nhau trong công cụ tạo gradient CSS; cần thang đủ 11 bậc cho giao diện thì dùng bộ tạo thang màu Tailwind.
