Giới thiệu về Tomato
Tomato (tomato) là một màu đỏ tươi, nhạt, có mã hex #ff6347, hoặc rgb(255, 99, 71). Trong HSL, màu này có sắc độ 9°, độ bão hòa 100% và độ sáng 64%. Đâ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: tomato; thay vì giá trị hex.
Dùng Tomato làm chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Tomato trên nền trắng | 2.95 : 1 | không đạt |
| Chữ Tomato trên nền đen | 7.13 : 1 | AAA |
Trên nền tomato, hãy dùng chữ đen (7.13 : 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 bằng Contrast Checker.
CSS
.element {
color: tomato; /* or #ff6347 */
background-color: #ff6347;
border: 1px solid rgb(255 99 71 / 50%);
}Màu có tên tương tự
San hô (#ff7f50), Cá hồi (#fa8072), Đỏ Ấn Độ (#cd5c5c), Peru (#cd853f), Sô-cô-la (#d2691e), San hô nhạt (#f08080).
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 tomato là gì?
#ff6347 — tức là rgb(255, 99, 71) và hsl(9, 100%, 64%). Trong CSS, bạn cũng có thể viết đơn giản là tomato.
Chữ màu tomato 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à 2.95 : 1, không đạt WCAG — hãy dùng để trang trí hoặc trên nền tối.
Những màu nào hợp với tomato?
Màu bổ sung của nó là #47e3ff; các màu tương tự #ff4788 và #ffbf47 nằm cạnh nó trên vòng tròn màu.