Tutorial · 18/10/2026
Bảng màu tím: mã màu tím pastel, tím lavender, tím than

Bảng màu tím 8 sắc kèm mã HEX, RGB, CMYK đọc từ công cụ Đổi mã màu của ColorME: tím pastel, tím lavender, tím hoa cà, tím than; 10 tên màu tím trong CSS và hai cái bẫy violet, lavender; ba cách phối màu tím trên cùng một bố cục.
Trả lời nhanh: màu tím không có một mã duy nhất. Tên CSS purple là #800080, nhưng thiết kế thường dùng nhiều sắc tím khác: tím pastel, tím lavender, tím hoa cà, tím than… Bảng dưới gom tám sắc tím 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 tím | HEX | RGB | CMYK (%) | Hợp dùng cho |
|---|---|---|---|---|
| Tím pastel | #C3B1E1 | 195, 177, 225 | 13, 21, 0, 12 | Nền thẻ, spa, mỹ phẩm, thiệp |
| Tím hoa cà | #C8A2C8 | 200, 162, 200 | 0, 19, 0, 22 | Thiệp, thời trang nữ tính |
| Tím lavender | #B57EDC | 181, 126, 220 | 18, 43, 0, 14 | Mảng nhấn dịu, bao bì thảo mộc |
| Tím violet | #7F00FF | 127, 0, 255 | 50, 100, 0, 0 | Công nghệ, sự kiện, nút kêu gọi |
| Tím hoàng gia | #7851A9 | 120, 81, 169 | 29, 52, 0, 34 | Thương hiệu, tiêu đề, nút |
| Tím mận | #8E4585 | 142, 69, 133 | 0, 51, 6, 44 | Mỹ phẩm, rượu, nhận diện trầm ấm |
| Tím (purple) | #800080 | 128, 0, 128 | 0, 100, 0, 50 | Màu CSS chuẩn, ít dùng nguyên bản |
| Tím than | #2C1E4A | 44, 30, 74 | 41, 59, 0, 71 | Nền tối, chữ thay màu đen |

Bảng màu tím 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 nhất (tím pastel, tím hoa cà) đến trầm nhất (tím than #2C1E4A, gần như đen ánh tím). Khi dựng bảng màu thương hiệu, thường chỉ cần một sắc tím làm màu chính, một sắc nhạt cùng họ cho nền và một màu trung tính hoặc tím than cho chữ.
Tím pastel, tím lavender, tím than 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õ:
- Tím pastel #C3B1E1: hsl(263, 44%, 79%). Độ sáng cao, bão hoà vừa phải: tím nhẹ, dịu, hợp làm nền.
- Tím lavender #B57EDC: hsl(275, 57%, 68%). Đậm và rực hơn pastel, sắc độ ngả về phía hồng một chút; đây là màu của hoa oải hương.
- Tím than #2C1E4A: hsl(259, 42%, 20%). Độ sáng chỉ 20%: tím rất tối, ngả xanh, dùng như "màu đen có cá tính".
Tím hoa cà #C8A2C8 (hsl(300, 26%, 71%)) có sắc độ 300, tức nằm giữa tím và hồng, độ bão hoà thấp nên trông bạc màu, cổ điển. Tím mận #8E4585 (sắc độ 307) cũng ngả hồng nhưng tối hơn nhiều. Quy tắc dễ nhớ: sắc độ dưới khoảng 270 thì tím ngả xanh (lạnh), trên 290 thì tím ngả hồng (ấm).
Mã màu tím trong CSS: tên gõ là dùng được
Ô nhập của công cụ nhận cả tên màu CSS. Mình gõ mười tên màu tím hay gặp và chép lại kết quả:
| Tên CSS | HEX | RGB | CMYK (%) |
|---|---|---|---|
| purple | #800080 | 128, 0, 128 | 0, 100, 0, 50 |
| rebeccapurple | #663399 | 102, 51, 153 | 33, 67, 0, 40 |
| indigo | #4B0082 | 75, 0, 130 | 42, 100, 0, 49 |
| darkviolet | #9400D3 | 148, 0, 211 | 30, 100, 0, 17 |
| mediumpurple | #9370DB | 147, 112, 219 | 33, 49, 0, 14 |
| orchid | #DA70D6 | 218, 112, 214 | 0, 49, 2, 15 |
| violet | #EE82EE | 238, 130, 238 | 0, 45, 0, 7 |
| plum | #DDA0DD | 221, 160, 221 | 0, 28, 0, 13 |
| thistle | #D8BFD8 | 216, 191, 216 | 0, 12, 0, 15 |
| lavender | #E6E6FA | 230, 230, 250 | 8, 8, 0, 2 |
Hai cái bẫy đáng nhớ: violet trong CSS là #EE82EE, một màu tím hồng nhạt, không phải tím violet rực #7F00FF; còn lavender trong CSS là #E6E6FA, gần như trắng ánh xanh tím, nhạt hơn nhiều so với màu hoa oải hương #B57EDC. Khi khách nói "màu lavender", hãy hỏi lại bằng một ô màu cụ thể thay vì gõ tên CSS.
Lấy mã màu tím bằng công cụ: 3 bước
- Mở colorme.vn/tools/color-converter, dán mã HEX, rgb(), cmyk() hoặc tên CSS vào ô "Mã màu của bạn".
- Đọc các ô HEX, RGB, HSL, HSV, CMYK, OKLCH và CSS biến ở phần "Mã màu"; bấm vào ô để sao chép.
- Cần sắc sáng hơn hoặc tối hơn, bấm một ô trong dải "Sáng hơn → tối hơn".

Tím pastel #C3B1E1 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.
Với tím pastel #C3B1E1, dải sáng tối của công cụ cho chín ô: #F2EAFF, #DCCAFB, #C3B1E1, #A08EBD, #8574A0, #6B5A85, #4F3E67, #34244B, #1C0B30. Ô #F2EAFF hợp làm nền trang, ô #34244B đủ tối để làm chữ trên nền pastel. Với tím than #2C1E4A, ô sáng nhất là #EFEBFF, một màu nền tím rất nhạt đi cùng chữ tím than.
Ba cách phối màu tím trên cùng một bố cục
Cùng một khung trang chủ (menu, tiêu đề, nút, ba thẻ), mình thay ba bảng màu:
- Tím pastel và kem: kem #F7F3EE làm nền, tím pastel #C3B1E1 cho các mảng lớn, tím hoàng gia #7851A9 cho nút và tên thương hiệu. Hợp spa, mỹ phẩm, workshop.
- Tím violet trên trắng: trắng chiếm gần hết, tím violet #7F00FF chỉ ở nút và tên thương hiệu, tím than #2C1E4A cho chữ. Hợp sự kiện, âm nhạc, công nghệ.
- Tím than và vàng: tím than #2C1E4A làm nền tối, vàng #E8C547 cho nút. Vàng nằm đối diện tím trên vòng tròn màu nên tạo tương phản mạnh mà vẫn sang. Hợp tiệm sách, quán bar, sản phẩm cao cấp.

Ba bảng phối màu tím 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.
Quy tắc chung: tím càng rực thì càng nên dùng ít diện tích. Muốn tìm thêm cặp màu đối với tím, xem bài các cặp màu tương phản và vòng tròn màu sắc. Thêm các sắc tím nhạt khác nằm trong bài bảng màu pastel.
Màu tím khi in: đọc CMYK thế nào?
Gõ purple, công cụ trả về cmyk(0%, 100%, 0%, 50%): tím CSS chuẩn được tạo từ Magenta cộng 50% đen, không có Cyan. Các sắc tím ngả xanh thì có thêm Cyan: tím violet #7F00FF là cmyk(50%, 100%, 0%, 0%), tím than là cmyk(41%, 59%, 0%, 71%). Tím than có K tới 71%, nên in ra gần như đen; nếu muốn người xem vẫn thấy ánh tím, hãy in thử.
Phần hỏi đáp của công cụ lưu ý: "Đâ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." Tím violet rực như #7F00FF thường trông nhạt hoặc xỉn hơn khi in so với trên màn hình.
Lỗi hay gặp khi dùng màu tím
- Gõ tên CSS violet, lavender rồi tưởng đúng màu: hai tên này cho màu khác hẳn tên gọi thường ngày (xem bảng CSS ở trên).
- Dùng tím rực cho mảng lớn: mắt mỏi nhanh; để tím rực làm điểm nhấn, nền dùng trắng, kem hoặc tím rất nhạt.
- Chữ trắng trên tím pastel: tím pastel sáng nên chữ trắng khó đọc; dùng chữ tím than hoặc kiểm tra bằng công cụ kiểm tra tương phản.
- Trộn tím ngả xanh với tím ngả hồng: đặt #7F00FF cạnh #8E4585 dễ "chỏi"; chọn một nhánh (lạnh hoặc ấm) cho cả bảng màu.
Cần ảnh nền tím trơn cho slide hay điện thoại, công cụ trong bài ảnh nền trơn đúng cỡ nhận trực tiếp mã HEX ở trên. Các bảng màu khác cùng loạt: bảng màu đỏ, màu hồng, màu xanh.
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?": "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." 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."
Câu hỏi thường gặp
Mã màu tím là bao nhiêu?
Tên CSS purple là #800080, RGB 128, 0, 128, CMYK 0, 100, 0, 50. Trong thiết kế thường dùng các sắc tím khác như tím hoàng gia #7851A9 hoặc tím pastel #C3B1E1.
Mã màu tím pastel là gì?
ColorME chọn #C3B1E1 làm tím pastel đại diện: RGB 195, 177, 225, CMYK 13, 21, 0, 12 theo công cụ Đổi mã màu.
Mã màu tím lavender là gì?
Màu hoa oải hương hay dùng #B57EDC (RGB 181, 126, 220). Lưu ý tên CSS lavender lại là #E6E6FA, gần như trắng ánh tím.
Mã màu tím than là gì?
ColorME chọn #2C1E4A làm tím than: RGB 44, 30, 74, CMYK 41, 59, 0, 71. Đây là tím rất tối, hợp làm nền tối hoặc thay màu đen cho chữ.
Màu tím phối với màu gì đẹp?
Tím pastel đi với kem và trắng; tím violet đi với trắng và tím than; tím than đi với vàng, màu đối diện tím trên vòng tròn màu.
Tác giảCOLOR ME














