Giới thiệu về Ghost White
Ghost White (ghostwhite) là một màu xanh dương rất nhạt, tươi sáng, có mã hex #f8f8ff, hay rgb(248, 248, 255). Trong HSL, màu này có sắc độ 240°, độ bão hòa 100% và độ sáng 99%. Đâ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: ghostwhite; thay vì mã hex.
Dùng Ghost White cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Ghost White trên nền trắng | 1.06 : 1 | không đạt |
| Chữ Ghost White trên nền đen | 19.86 : 1 | AAA |
Trên nền Ghost White, nên dùng chữ đen (19.86 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với chữ nội dung và 3 : 1 với chữ cỡ lớn. Bạn có thể 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: ghostwhite; /* or #f8f8ff */
background-color: #f8f8ff;
border: 1px solid rgb(248 248 255 / 50%);
}Màu có tên tương tự
Alice Blue (#f0f8ff), Snow (#fffafa), Mint Cream (#f5fffa), White (#ffffff), Azure (#f0ffff), White Smoke (#f5f5f5).
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 Ghost White là gì?
#f8f8ff — tương ứng với rgb(248, 248, 255) và hsl(240, 100%, 99%). Trong CSS, bạn cũng có thể viết trực tiếp ghostwhite.
Chữ Ghost White 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.06 : 1, không đạt WCAG. Hãy dùng màu này để trang trí hoặc đặt trên nền tối thay thế.
Những màu nào hợp với Ghost White?
Màu bù trừ của nó là #fffffa; hai màu tương đồng #fafcff và #fcfaff nằm sát cạnh trên bánh xe màu.