Giới thiệu về Crimson
Crimson (crimson) là một màu đỏ trung bình, rực rỡ, có mã hex #dc143c, hoặc rgb(220, 20, 60). Trong HSL, màu này có sắc độ 348°, độ bão hòa 83% và độ sáng 47%. Đâ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: crimson; thay vì giá trị hex.
Dùng Crimson cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Crimson trên nền trắng | 4.99 : 1 | AA |
| Chữ Crimson trên nền đen | 4.21 : 1 | Chỉ AA với chữ lớn |
Trên nền crimson, hãy dùng chữ trắng (4.99 : 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. Bạn có thể kiểm tra các cặp màu khác bằng Contrast Checker.
CSS
.element {
color: crimson; /* or #dc143c */
background-color: #dc143c;
border: 1px solid rgb(220 20 60 / 50%);
}Màu có tên tương tự
Fire Brick (#b22222), Nâu (#a52a2a), Đỏ (#ff0000), Đỏ tím trung bình (#c71585), Indian Red (#cd5c5c), Đỏ cam (#ff4500).
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 crimson là gì?
#dc143c, tương ứng với rgb(220, 20, 60) và hsl(348, 83%, 47%). Trong CSS, bạn cũng có thể chỉ cần viết crimson.
Chữ crimson trên nền trắng có dễ đọc không?
Tỷ lệ tương phản của crimson trên nền trắng là 4.99 : 1, đạt chuẩn WCAG AA cho chữ thông thường.
Những màu nào hợp với crimson?
Màu bổ sung của crimson là #14dbb4. Các màu tương tự #db14a0 và #db5014 nằm cạnh nó trên vòng màu.