Giới thiệu về Thistle
Thistle (thistle) là một màu hồng tím rất nhạt, dịu, có mã hex #d8bfd8, hay rgb(216, 191, 216). Trong HSL, màu có sắc độ 300°, độ bão hòa 24% và độ sáng 80%. Đâ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: thistle; thay vì mã hex.
Dùng Thistle cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Thistle trên nền trắng | 1.70 : 1 | không đạt |
| Chữ Thistle trên nền đen | 12.36 : 1 | AAA |
Trên nền thistle, hãy dùng chữ đen (12.36 : 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. Kiểm tra các cặp khác bằng Công cụ kiểm tra tương phản.
CSS
.element {
color: thistle; /* or #d8bfd8 */
background-color: #d8bfd8;
border: 1px solid rgb(216 191 216 / 50%);
}Màu có tên tương tự
Xám nhạt (#d3d3d3), Gainsboro (#dcdcdc), Mận (#dda0dd), Bạc (#c0c0c0), Xanh thép nhạt (#b0c4de), Hồng (#ffc0cb).
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 thistle là gì?
#d8bfd8 — tức là rgb(216, 191, 216) và hsl(300, 24%, 80%). Trong CSS, bạn cũng có thể viết trực tiếp thistle.
Chữ thistle 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à 1.70 : 1, không đạt WCAG — nên dùng để trang trí hoặc đặt trên nền tối.
Màu nào hợp với thistle?
Màu bổ sung của nó là #c0d8c0; các màu tương đồng #ccc0d8 và #d8c0cc nằm cạnh nó trên vòng tròn màu.