Về màu Gold
Gold (gold) là một màu vàng đậm, rực rỡ, có mã hex #ffd700, hay rgb(255, 215, 0). Trong HSL, màu này có sắc độ 51°, độ 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: gold; thay cho mã hex.
Dùng Gold cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ gold trên nền trắng | 1.40 : 1 | không đạt |
| Chữ gold trên nền đen | 14.97 : 1 | AAA |
Khi dùng nền gold, hãy dùng chữ đen (14.97 : 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ữ 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: gold; /* or #ffd700 */
background-color: #ffd700;
border: 1px solid rgb(255 215 0 / 50%);
}Các màu có tên tương tự
Yellow (#ffff00), Orange (#ffa500), Goldenrod (#daa520), Dark Orange (#ff8c00), Green Yellow (#adff2f), Dark Goldenrod (#b8860b).
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 gold là gì?
#ffd700, tức là rgb(255, 215, 0) và hsl(51, 100%, 50%). Trong CSS, bạn cũng có thể viết trực tiếp gold.
Chữ màu gold 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.40 : 1, không đạt chuẩn 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 gold?
Màu bổ sung của gold là #0026ff; các màu tương đồng #ff5900 và #a6ff00 nằm cạnh nó trên vòng màu.