Giới thiệu về Đỏ Sẫm
Đỏ sẫm (darkred) là một màu đỏ đậm, rực rỡ, có mã hex #8b0000, hoặc rgb(139, 0, 0). Trong HSL, màu này có sắc độ 0°, độ bão hòa 100% và độ sáng 27%. Đâ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: darkred; thay cho mã hex.
Dùng đỏ sẫm cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ đỏ sẫm trên nền trắng | 10.01 : 1 | AAA |
| Chữ đỏ sẫm trên nền đen | 2.10 : 1 | không đạt |
Trên nền đỏ sẫm, hãy dùng chữ trắng (10.01 : 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 màu khác bằng Contrast Checker.
CSS
.element {
color: darkred; /* or #8b0000 */
background-color: #8b0000;
border: 1px solid rgb(139 0 0 / 50%);
}
Các màu có tên tương tự
Đỏ hạt dẻ (#800000), Đỏ gạch lửa (#b22222), Nâu (#a52a2a), Nâu yên ngựa (#8b4513), Đất nung (#a0522d), Đỏ thẫm (#dc143c).
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.