Mã màu tím
#800080
rgb(128, 0, 128)
hsl(300, 100%, 25%)
cmyk(0%, 100%, 0%, 50%)
Tên tiếng Anh: Purple /ˈpɜːpl/
Về màu tím
Tím chuẩn của CSS (purple) là hỗn hợp cân bằng giữa đỏ và xanh dương ở độ sáng trung bình. Màu gắn với hoàng gia, sự sáng tạo và huyền bí.
Bảng sắc độ màu tím từ nhạt đến đậm
- Pha 83% trắng #EAD5EA rgb(234, 213, 234)
- Pha 67% trắng #D5AAD5 rgb(213, 170, 213)
- Pha 50% trắng #C080C0 rgb(192, 128, 192)
- Pha 33% trắng #AA55AA rgb(170, 85, 170)
- Pha 17% trắng #952B95 rgb(149, 43, 149)
- Màu gốc #800080 rgb(128, 0, 128)
- Pha 17% đen #6B006B rgb(107, 0, 107)
- Pha 33% đen #550055 rgb(85, 0, 85)
- Pha 50% đen #400040 rgb(64, 0, 64)
- Pha 67% đen #2B002B rgb(43, 0, 43)
- Pha 83% đen #150015 rgb(21, 0, 21)
Màu tím phối với màu gì?
Trong thiết kế, màu tím tạo tương phản mạnh nhất với màu bổ túc là xanh lá (#008000), và phối êm, liền mạch với hai màu tương đồng #400080 (gần với chàm) và #800040 (gần với đỏ mận). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với tím khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện tím trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Tím #800080
- ≈ Xanh lá #008000
Màu tương đồng
Hai màu nằm sát hai bên trên bánh xe màu, phối cùng nhau cho cảm giác êm, liền mạch.
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Tím #800080
- ≈ Xanh ô liu #808000
- ≈ Xanh cổ vịt #008080
Mở màu này trong công cụ phối màu · Tinh chỉnh bằng color picker · Pha màu này thế nào?
Chữ trắng hay chữ đen trên nền tím?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 9,41 : 1 | Đạt | Đạt |
| Đen #000000 | 2,22 : 1 | Không đạt | Không đạt |
Dùng màu tím trong CSS
:root { --mau-tim: #800080; }
.chu { color: #800080; }
.nen { background-color: rgb(128, 0, 128); }
.vien { border: 1px solid hsl(300, 100%, 25%); }Đổi #800080 sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu tím · Tạo gradient CSS với màu tím
Các màu khác trong nhóm tím
- Tím lavender #B57EDC rgb(181, 126, 220)
- Tím pastel #C3B1E1 rgb(195, 177, 225)
- Tím than #32174D rgb(50, 23, 77)
- Tím cà #614051 rgb(97, 64, 81)
- Tím violet #8F00FF rgb(143, 0, 255)
- Tím hồng #DA70D6 rgb(218, 112, 214)
- Tím mận #8E4585 rgb(142, 69, 133)
- Chàm #4B0082 rgb(75, 0, 130)
- Tím nhạt #D8BFD8 rgb(216, 191, 216)
- Tím hoa cà #C8A2C8 rgb(200, 162, 200)