Về màu Indigo
Indigo (indigo) là một màu tím đậm và rực, có mã hex #4b0082, hoặc rgb(75, 0, 130). Trong HSL, màu này có sắc độ 275°, độ bão hòa 100% và độ sáng 25%. Đâ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: indigo; thay vì giá trị hex.
Dùng Indigo cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Indigo trên nền trắng | 12.95 : 1 | AAA |
| Chữ Indigo trên nền đen | 1.62 : 1 | không đạt |
Trên nền indigo, hãy dùng chữ trắng (12.95 : 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. Kiểm tra các cặp màu khác với Contrast Checker.
CSS
.element {
color: indigo; /* or #4b0082 */
background-color: #4b0082;
border: 1px solid rgb(75 0 130 / 50%);
}Các màu có tên tương tự
Purple (#800080), Midnight Blue (#191970), Dark Slate Blue (#483d8b), Rebecca Purple (#663399), Dark Magenta (#8b008b), Navy (#000080).
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 indigo là gì?
#4b0082 — tức là rgb(75, 0, 130) và hsl(275, 100%, 25%). Trong CSS, bạn cũng có thể viết trực tiếp indigo.
Chữ indigo có dễ đọc trên nền trắng không?
Tỷ lệ tương phản của nó trên nền trắng là 12.95 : 1, đạt chuẩn WCAG AA cho văn bản thường.
Những màu nào hợp với indigo?
Màu bổ sung của nó là #358000; các màu tương tự #0b0080 và #800075 nằm cạnh nó trên vòng tròn màu.