Về màu Hồng nhạt
Light Pink (lightpink) là một màu đỏ rất nhạt nhưng khá rực rỡ, có mã hex #ffb6c1, hoặc rgb(255, 182, 193). Trong HSL, màu này có sắc độ 351°, độ bão hòa 100% và độ sáng 86%. Đâ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: lightpink; thay cho mã hex.
Dùng Hồng nhạt cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Hồng nhạt trên nền trắng | 1.65 : 1 | không đạt |
| Chữ Hồng nhạt trên nền đen | 12.71 : 1 | AAA |
Trên nền hồng nhạt, hãy dùng chữ đen (12.71 : 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 công cụ kiểm tra tương phản.
CSS
.element {
color: lightpink; /* or #ffb6c1 */
background-color: #ffb6c1;
border: 1px solid rgb(255 182 193 / 50%);
}Các tên màu tương tự
Hồng (#ffc0cb), Hồng đào (#ffdab9), Lúa mì (#f5deb3), Trắng Navajo (#ffdead), Bisque (#ffe4c4), Cây kế (#d8bfd8).
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 màu hồng nhạt là gì?
#ffb6c1, tương ứng với rgb(255, 182, 193) và hsl(351, 100%, 86%). Trong CSS, bạn cũng có thể viết trực tiếp lightpink.
Chữ hồng nhạt 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.65 : 1, không đạt chuẩn WCAG. Hãy dùng nó để trang trí hoặc trên nền tối thay thế.
Những màu nào hợp với hồng nhạt?
Màu bổ sung của nó là #b8fff4; các màu tương tự #ffb8e6 và #ffd1b8 nằm cạnh nó trên bánh xe màu.