Giới thiệu về Rebecca Purple
Rebecca Purple (rebeccapurple) là màu tím trung bình, độ bão hòa vừa phải, có mã hex #663399, hay rgb(102, 51, 153). Trong HSL, màu này có sắc độ 270°, độ bão hòa 50% và độ sáng 40%. Đâ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: rebeccapurple; thay cho mã hex.
Dùng Rebecca Purple cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Rebecca Purple trên nền trắng | 8.41 : 1 | AAA |
| Chữ Rebecca Purple trên nền đen | 2.50 : 1 | không đạt |
Trên nền màu rebecca purple, hãy dùng chữ trắng (8.41 : 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ữ lớn. Kiểm tra các cặp khác với Công cụ kiểm tra độ tương phản.
CSS
.element {
color: rebeccapurple; /* or #663399 */
background-color: #663399;
border: 1px solid rgb(102 51 153 / 50%);
}Các màu có tên tương tự
Xanh đá đậm (#483d8b), Chàm (#4b0082), Tím (#800080), Hồng tím đậm (#8b008b), Xanh đá (#6a5acd), Tím phong lan đậm (#9932cc).
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 rebecca purple là gì?
#663399, tức là rgb(102, 51, 153) và hsl(270, 50%, 40%). Trong CSS, bạn cũng có thể viết trực tiếp rebeccapurple.
Chữ rebecca purple 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à 8.41 : 1, đạt chuẩn WCAG AA cho văn bản thường.
Màu nào hợp với rebecca purple?
Màu bổ trợ của nó là #669933; các màu tương đồng #333399 và #993399 nằm sát bên cạnh trên bánh xe màu.