Giới thiệu về Goldenrod
Goldenrod (goldenrod) là một màu cam vừa, tươi sáng, có mã hex #daa520, hoặc rgb(218, 165, 32). Trong HSL, màu này có sắc độ 43°, độ bão hòa 74% và độ sáng 49%. Đâ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: goldenrod; thay cho giá trị hex.
Dùng Goldenrod cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Goldenrod trên nền trắng | 2.24 : 1 | không đạt |
| Chữ Goldenrod trên nền đen | 9.38 : 1 | AAA |
Trên nền goldenrod, nên dùng chữ đen (9.38 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho văn bản lớn. Bạn có thể kiểm tra các cặp màu khác bằng Contrast Checker.
CSS
.element {
color: goldenrod; /* or #daa520 */
background-color: #daa520;
border: 1px solid rgb(218 165 32 / 50%);
}Các màu có tên tương tự
Peru (#cd853f), Cam (#ffa500), Goldenrod đậm (#b8860b), Cam đậm (#ff8c00), Chocolate (#d2691e), Sandy Brown (#f4a460).
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 goldenrod là gì?
#daa520 — tương ứng với rgb(218, 165, 32) và hsl(43, 74%, 49%). Trong CSS, bạn cũng có thể viết trực tiếp goldenrod.
Chữ goldenrod 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à 2.24 : 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 thì sẽ tốt hơn.
Những màu nào hợp với goldenrod?
Màu bổ sung của nó là #2055d9; các màu tương đồng #d94920 và #b1d920 nằm cạnh nó trên vòng màu.