Giới thiệu về màu tím
Tím (purple) là một màu magenta sẫm, rực rỡ, có mã hex #800080, hoặc rgb(128, 0, 128). Trong HSL, màu này có sắc độ 300°, độ bão hòa 100% và độ sáng 25%. Đây là một trong 148 tên màu mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: purple; thay vì mã hex.
Dùng màu tím cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ tím trên nền trắng | 9.42 : 1 | AAA |
| Chữ tím trên nền đen | 2.23 : 1 | không đạt |
Trên nền tím, hãy dùng chữ trắng (9.42 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với văn bản thường và 3 : 1 với chữ lớn. Bạn có thể kiểm tra các cặp màu khác bằng Contrast Checker.
CSS
.element {
color: purple; /* or #800080 */
background-color: #800080;
border: 1px solid rgb(128 0 128 / 50%);
}Các màu có tên tương tự
Magenta sẫm (#8b008b), Chàm (#4b0082), Rebecca Purple (#663399), Đỏ tím vừa (#c71585), Xanh đá sẫm (#483d8b), Tím đậm (#9400d3).
Tìm tên màu
Dán mã HEX để nhận tên màu dễ đọc gần nhất và tên token gọn gàng cho CSS, SCSS, JavaScript hoặc cấu hình Tailwind của bạn.
Câu hỏi thường gặp
Mã hex của màu tím là gì?
#800080, tức là rgb(128, 0, 128) và hsl(300, 100%, 25%). Trong CSS, bạn cũng có thể chỉ cần viết purple.
Chữ màu tím trên nền trắng có dễ đọc không?
Tỷ lệ tương phản của nó trên nền trắng là 9.42 : 1, đạt chuẩn WCAG AA cho văn bản thường.
Những màu nào hợp với màu tím?
Màu bổ sung của nó là #008000; các màu tương đồng #400080 và #800040 nằm cạnh nó trên vòng màu.