Về Medium Purple
Medium Purple (mediumpurple) là một màu tím nhạt, rực rỡ, có mã hex #9370db, hoặc rgb(147, 112, 219). Trong HSL, màu này có sắc độ 260°, độ bão hòa 60% và độ sáng 65%. Đây là một trong 148 màu có tên mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: mediumpurple; thay vì giá trị hex.
Dùng Medium Purple cho chữ và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ Medium Purple trên nền trắng | 3.76 : 1 | Chỉ AA cho chữ lớn |
| Chữ Medium Purple trên nền đen | 5.58 : 1 | AA |
Trên nền tím trung bình, nên dùng chữ đen (5.58 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với chữ nội dung và 3 : 1 với chữ lớn. Kiểm tra các cặp màu khác bằng Contrast Checker.
CSS
.element {
color: mediumpurple; /* or #9370db */
background-color: #9370db;
border: 1px solid rgb(147 112 219 / 50%);
}Các màu có tên tương tự
Xanh đá trung bình (#7b68ee), Hoa lan trung bình (#ba55d3), Xanh đá (#6a5acd), Xanh hoa cúc (#6495ed), Hoa lan đậm (#9932cc), Xanh tím (#8a2be2).
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 medium purple là gì?
#9370db — tức là rgb(147, 112, 219) và hsl(260, 60%, 65%). Trong CSS, bạn cũng có thể chỉ cần viết mediumpurple.
Chữ màu medium purple trên nền trắng có dễ đọc không?
Tỉ lệ tương phản trên nền trắng là 3.76 : 1, chỉ đạt chuẩn WCAG AA cho chữ lớn.
Những màu nào hợp với medium purple?
Màu bổ sung của nó là #b8db70; các màu tương đồng #7082db và #c970db nằm cạnh nó trên vòng tròn màu.