Về Fire Brick
Fire Brick (firebrick) là một màu đỏ trung bình, rực rỡ, có mã hex #b22222, hoặc rgb(178, 34, 34). Trong HSL, màu này có sắc độ 0°, độ bão hòa 68% và độ sáng 42%. Đâ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: firebrick; thay cho mã hex.
Dùng Fire Brick cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Fire Brick trên nền trắng | 6.68 : 1 | AA |
| Chữ Fire Brick trên nền đen | 3.14 : 1 | Chỉ AA cho chữ lớn |
Trên nền fire brick, hãy dùng chữ trắng (6.68 : 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: firebrick; /* or #b22222 */
background-color: #b22222;
border: 1px solid rgb(178 34 34 / 50%);
}
Tên màu tương tự
Nâu (#a52a2a), Đỏ thẫm (#dc143c), Đất nung (#a0522d), Nâu yên ngựa (#8b4513), Đỏ sẫm (#8b0000), Hạt dẻ (#800000).
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.