Giới thiệu về màu Vàng
Vàng (yellow) là một màu vàng trung bình, rực rỡ, có mã hex #ffff00, hoặc rgb(255, 255, 0). Trong HSL, màu này có sắc độ 60°, độ bão hòa 100% và độ sáng 50%. Đâ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: yellow; thay cho giá trị hex.
Dùng màu Vàng cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ vàng trên nền trắng | 1.07 : 1 | không đạt |
| Chữ vàng trên nền đen | 19.56 : 1 | AAA |
Trên nền vàng, hãy dùng chữ đen (19.56 : 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 Contrast Checker.
CSS
.element {
color: yellow; /* or #ffff00 */
background-color: #ffff00;
border: 1px solid rgb(255 255 0 / 50%);
}Màu có tên tương tự
Vàng kim (#ffd700), Cam (#ffa500), Vàng xanh lá (#adff2f), Vàng cúc (#daa520), Cam đậm (#ff8c00), Vàng xanh lục (#9acd32).
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 vàng là gì?
#ffff00 — tức là rgb(255, 255, 0) và hsl(60, 100%, 50%). Trong CSS, bạn cũng có thể chỉ cần viết yellow.
Chữ màu vàng 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.07 : 1, không đạt 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 màu vàng?
Màu bổ sung của nó là #0000ff; các màu tương đồng #ff8000 và #80ff00 nằm cạnh nó trên vòng màu.