Giới thiệu về Pale Violet Red
Pale Violet Red (palevioletred) là một màu hồng nhạt, tươi sáng, có mã hex #db7093, hoặc rgb(219, 112, 147). Trong HSL, màu này có sắc độ 340°, độ 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: palevioletred; thay cho mã hex.
Dùng Pale Violet Red cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Pale Violet Red trên nền trắng | 3.11 : 1 | Chỉ AA cho chữ lớn |
| Chữ Pale Violet Red trên nền đen | 6.75 : 1 | AA |
Khi nền là Pale Violet Red, hãy dùng chữ đen (6.75 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho chữ nội dung và 3 : 1 cho chữ lớn. Bạn có thể kiểm tra các cặp màu khác với Công cụ kiểm tra tương phản.
CSS
.element {
color: palevioletred; /* or #db7093 */
background-color: #db7093;
border: 1px solid rgb(219 112 147 / 50%);
}Các màu có tên tương tự
Light Coral (#f08080), Rosy Brown (#bc8f8f), Dark Salmon (#e9967a), Salmon (#fa8072), Hot Pink (#ff69b4), Indian Red (#cd5c5c).
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 Pale Violet Red là gì?
#db7093, tương ứng với rgb(219, 112, 147) và hsl(340, 60%, 65%). Trong CSS, bạn cũng có thể viết trực tiếp palevioletred.
Chữ Pale Violet Red 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.11 : 1, chỉ đạt chuẩn WCAG AA cho chữ lớn.
Những màu nào hợp với Pale Violet Red?
Màu bổ sung của nó là #70dbb8. Các màu tương đồng #db70c9 và #db8270 nằm cạnh nó trên vòng màu.