Về Plum
Plum (plum) là một màu magenta sáng, độ bão hòa vừa phải, có mã hex #dda0dd, hoặc rgb(221, 160, 221). Trong HSL, màu này có sắc độ 300°, độ bão hòa 47% và độ sáng 75%. Đâ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: plum; thay vì mã hex.
Dùng Plum cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Plum trên nền trắng | 2.07 : 1 | không đạt |
| Chữ Plum trên nền đen | 10.15 : 1 | AAA |
Trên nền plum, hãy dùng chữ đen (10.15 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho chữ lớn. 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: plum; /* or #dda0dd */
background-color: #dda0dd;
border: 1px solid rgb(221 160 221 / 50%);
}Các màu có tên tương tự
Thistle (#d8bfd8), Tím violet (#ee82ee), Hoa lan tím (#da70d6), Hồng nhạt (#ffb6c1), Hồng (#ffc0cb), Bạc (#c0c0c0).
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 plum là gì?
#dda0dd, tương đương rgb(221, 160, 221) và hsl(300, 47%, 75%). Trong CSS, bạn cũng có thể chỉ cần viết plum.
Chữ plum có dễ đọc trên nền trắng không?
Tỷ lệ tương phản của nó trên nền trắng là 2.07 : 1, không đạt WCAG. Hãy dùng nó để trang trí hoặc trên nền tối.
Những màu nào hợp với plum?
Màu bổ sung của nó là #a1dda1. Các màu tương tự #bfa1dd và #dda1bf nằm cạnh nó trên bánh xe màu.