Về Blue Violet
Blue Violet (blueviolet) là một tông tím trung bình, rực rỡ, có mã hex #8a2be2, hoặc rgb(138, 43, 226). Trong HSL, màu này có sắc độ (hue) 271°, độ bão hòa 76% và độ sáng 53%. Đâ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: blueviolet; thay vì giá trị hex.
Dùng Blue Violet cho chữ và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ Blue Violet trên nền trắng | 5.96 : 1 | AA |
| Chữ Blue Violet trên nền đen | 3.52 : 1 | Chỉ AA với chữ lớn |
Trên nền blue violet, hãy dùng chữ trắng (5.96 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với chữ nội dung và 3 : 1 với chữ lớn. Kiểm tra các cặp khác bằng Công cụ kiểm tra tương phản.
CSS
.element {
color: blueviolet; /* or #8a2be2 */
background-color: #8a2be2;
border: 1px solid rgb(138 43 226 / 50%);
}
Tên màu tương tự
Lan Tím Đậm (#9932cc), Tím Violet Đậm (#9400d3), Xanh Đá Phiến (#6a5acd), Xanh Đá Phiến Trung Bình (#7b68ee), Lan Tím Trung Bình (#ba55d3), Tím Trung Bình (#9370db).
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.