Về màu Pink
Pink (pink) là màu đỏ rất nhạt, tươi sáng, có mã hex #ffc0cb, hoặc rgb(255, 192, 203). Trong HSL, màu có sắc độ 350°, độ bão hòa 100% và độ sáng 88%. Đâ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: pink; thay vì giá trị hex.
Dùng Pink cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Pink trên nền trắng | 1.54 : 1 | không đạt |
| Chữ Pink trên nền đen | 13.65 : 1 | AAA |
Trên nền hồng, hãy dùng chữ đen (13.65 : 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 khác với Contrast Checker.
CSS
.element {
color: pink; /* or #ffc0cb */
background-color: #ffc0cb;
border: 1px solid rgb(255 192 203 / 50%);
}Các màu có tên tương tự
Hồng nhạt (#ffb6c1), Hồng đào (#ffdab9), Bisque (#ffe4c4), Lúa mì (#f5deb3), Tím kế (#d8bfd8), Hồng sương mù (#ffe4e1).
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 là gì?
#ffc0cb, tức là rgb(255, 192, 203) và hsl(350, 100%, 88%). Trong CSS, bạn cũng có thể viết đơn giản là pink.
Chữ màu hồng có dễ đọc trên nền trắng không?
Tỷ lệ tương phản trên nền trắng là 1.54 : 1, không đạt WCAG. Hãy dùng màu này để trang trí hoặc trên nền tối.
Những màu nào hợp với hồng?
Màu bổ sung của nó là #c2fff5; các màu tương đồng #ffc2eb và #ffd6c2 nằm cạnh nó trên vòng tròn màu.