Về màu Light Coral
Light Coral (lightcoral) là một màu đỏ nhạt, tươi sáng, có mã hex #f08080, hoặc rgb(240, 128, 128). Trong HSL, màu này có sắc độ 0°, độ bão hòa 79% và độ sáng 72%. Đâ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: lightcoral; thay vì mã hex.
Dùng Light Coral cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Light Coral trên nền trắng | 2.59 : 1 | không đạt |
| Chữ Light Coral trên nền đen | 8.10 : 1 | AAA |
Trên nền light coral, hãy dùng chữ đen (8.10 : 1). WCAG yêu cầu tỷ lệ tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho văn bản lớn. Kiểm tra các cặp màu khác bằng Contrast Checker.
CSS
.element {
color: lightcoral; /* or #f08080 */
background-color: #f08080;
border: 1px solid rgb(240 128 128 / 50%);
}Các màu có tên tương tự
Cá hồi (#fa8072), Cá hồi đậm (#e9967a), Đỏ tím nhạt (#db7093), Cá hồi nhạt (#ffa07a), Nâu cát (#f4a460), San hô (#ff7f50).
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 light coral là gì?
#f08080 — tương đương rgb(240, 128, 128) và hsl(0, 79%, 72%). Trong CSS, bạn cũng có thể viết trực tiếp lightcoral.
Chữ light coral 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.59 : 1, không đạt WCAG — nên dùng để trang trí hoặc đặt trên nền tối.
Những màu nào hợp với light coral?
Màu bổ sung của nó là #7ff0f0; các màu tương tự #f07fb8 và #f0b87f nằm kế bên trên vòng màu.