Giới thiệu về Hot Pink
Hot Pink (hotpink) là một màu hồng nhạt, tươi sáng, có mã hex #ff69b4, hoặc rgb(255, 105, 180). Trong HSL, màu này có sắc độ 330°, độ bão hòa 100% và độ sáng 71%. Đâ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: hotpink; thay vì mã hex.
Dùng Hot Pink cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Hot Pink trên nền trắng | 2.65 : 1 | không đạt |
| Chữ Hot Pink trên nền đen | 7.93 : 1 | AAA |
Trên nền hot pink, nên dùng chữ đen (7.93 : 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. Kiểm tra các cặp màu khác bằng Contrast Checker.
CSS
.element {
color: hotpink; /* or #ff69b4 */
background-color: #ff69b4;
border: 1px solid rgb(255 105 180 / 50%);
}Các màu có tên tương tự
Đỏ tím nhạt (#db7093), Hoa lan (#da70d6), San hô nhạt (#f08080), Tím violet (#ee82ee), Cá hồi (#fa8072), Mận (#dda0dd).
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 hot pink là gì?
#ff69b4 — tương đương rgb(255, 105, 180) và hsl(330, 100%, 71%). Trong CSS, bạn cũng có thể viết trực tiếp hotpink.
Chữ hot pink 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.65 : 1, không đạt WCAG — nên dùng để trang trí hoặc trên nền tối.
Màu nào hợp với hot pink?
Màu bổ sung của nó là #6bffb5; các màu tương đồng #ff6bff và #ff6b6b nằm cạnh nó trên vòng màu.