Về màu Beige
Beige (beige) là một màu vàng rất nhạt, độ bão hòa vừa phải, có mã hex #f5f5dc, hoặc rgb(245, 245, 220). Trong HSL, màu này có sắc độ 60°, độ bão hòa 56% và độ sáng 91%. Đây là một trong 148 tên màu mà mọi trình duyệt đều hiểu, vì vậy bạn có thể viết color: beige; thay vì mã hex.
Dùng Beige cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Beige trên nền trắng | 1.11 : 1 | không đạt |
| Chữ Beige trên nền đen | 18.98 : 1 | AAA |
Trên nền beige, hãy dùng chữ đen (18.98 : 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 với Công cụ kiểm tra tương phản.
CSS
.element {
color: beige; /* or #f5f5dc */
background-color: #f5f5dc;
border: 1px solid rgb(245 245 220 / 50%);
}Màu có tên tương tự
Lụa ngô (#fff8dc), Trắng cổ (#faebd7), Vàng cây kim sa nhạt (#fafad2), Vải lanh (#faf0e6), Ren cổ (#fdf5e6), Kem đu đủ (#ffefd5).
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 beige là gì?
#f5f5dc, tương ứng với rgb(245, 245, 220) và hsl(60, 56%, 91%). Trong CSS, bạn cũng có thể viết trực tiếp beige.
Chữ beige 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.11 : 1, không đạt chuẩn WCAG. Hãy dùng màu này để trang trí hoặc đặt trên nền tối.
Những màu nào hợp với beige?
Màu bổ sung của nó là #dbdbf5. Các màu tương đồng #f5e8db và #e8f5db nằm cạnh nó trên vòng tròn màu.