Thư viện màu W3.CSS
Thư viện màu
Thư viện màu là các tệp CSS nhỏ chứa các giá trị màu thường được sử dụng như tiêu chuẩn an toàn, màu đường cao tốc, màu thời trang, màu ngụy trang, v.v.
Cách sử dụng thư viện màu
Thư viện màu rất dễ sử dụng. Chỉ cần thêm liên kết tới thư viện màu trong trang web của bạn:
<link rel="stylesheet"
href="https://www.example.com.vn/lib/w3-colors-highway.css">
Sau đó, thêm tên lớp vào thành phần HTML mà bạn muốn tô màu:
<div class="w3-highway-schoolbus">Schoolbus</div>
<div
class="w3-highway-green">Falcon Ridge Parkway</div>
<div
class="w3-highway-red">STOP</div>
Hãy tự mình thử »Màu sắc đường cao tốc Hoa Kỳ
w3-đường cao tốc-nâu |
w3-đường cao tốc-đỏ |
w3-đường cao tốc-cam |
w3-đường cao tốc-schoolbus |
w3-đường cao tốc-vàng |
w3-đường cao tốc-xanh |
w3-đường cao tốc-màu xanh |
Màu sắc của đường cao tốc được xác định trong Tiêu chuẩn Liên bang 595 .
Màu sắc an toàn của Hoa Kỳ
w3-an toàn-đỏ |
w3-an toàn-cam |
w3-an toàn-vàng |
w3-an toàn-xanh |
w3-an toàn-xanh |
w3-an toàn-tím |
Màu sắc an toàn của Hoa Kỳ được xác định trong Tiêu chuẩn Liên bang 595 .
Màu sắc tín hiệu châu Âu
w3-tín hiệu-vàng |
w3-tín hiệu-cam |
w3-tín hiệu-đỏ |
w3-tín hiệu-tím |
w3-tín hiệu-xanh |
w3-tín hiệu-xanh |
w3-tín hiệu-xám |
w3-tín hiệu-nâu |
w3-tín hiệu-trắng |
w3-tín hiệu-đen |
Ví dụ
<div class="w3-signal-red">Stop</div>
<div
class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
Hãy tự mình thử » Thử tất cả » Tải xuống CSS »Màu sắc tín hiệu Châu Âu được xác định trong Tiêu chuẩn Màu RAL .
Sắc màu rực rỡ
w3-sống động-hồng |
w3-sống động-đỏ |
w3-sống động-cam |
w3-sống động-vàng |
w3-sống động-xanh |
w3-sống động-xanh |
w3-sống động-tím |
w3-sống động-tím |
w3-sống động-đen |
w3-sống động-trắng |
w3-sống động-vàng-hồng |
w3-sống động-đỏ-cam |
w3-sống động-cam-vàng |
w3-sống động-xanh-vàng |
w3-sống động-vàng-xanh |
w3-sống động-vàng-xanh |
w3-sống động-xanh-xanh |
w3-sống động-xanh-xanh |
w3-sống động-tím-xanh |
w3-sống động-đỏ-tím |
w3-sống động-tím-đỏ |
Ví dụ
<div class="w3-vivid-red">
<p>London is the most populous city in the
United Kingdom,
with a metropolitan area of over 9 million
inhabitants.</p>
</div>
Hãy tự mình thử » Tải xuống CSS »Màu sắc sống động được xác định trong ISCC-NBS .
Màu thực phẩm
w3-thực phẩm-táo |
w3-thực phẩm-măng tây |
w3-thực phẩm-mơ |
w3-food-cà tím |
w3-thực phẩm-bơ |
w3-food-chuối |
w3-thực phẩm-bơ |
w3-thực phẩm-quả việt quất |
w3-thực phẩm-anh đào |
w3-thực phẩm-sô cô la |
w3-thực phẩm-nam việt quất |
w3-thực phẩm-cà phê |
w3-thực phẩm-trứng |
w3-thực phẩm-nho |
w3-food-kiwi |
w3-thực phẩm-chanh |
w3-thực phẩm-vôi |
w3-thực phẩm-xoài |
w3-thực phẩm-nấm |
w3-thực phẩm-mù tạt |
w3-thực phẩm-bạc hà |
w3-thực phẩm-ô-liu |
w3-thực phẩm-cam |
w3-food-pea |
w3-thực phẩm-đào |
w3-thực phẩm-lê |
w3-thực phẩm-quả hồ trăn |
w3-thực phẩm-mận |
w3-thực phẩm-mâm xôi |
w3-thực phẩm-nghệ tây |
w3-thực phẩm-cá hồi |
w3-thực phẩm-bạc hà |
w3-food-bí |
w3-thực phẩm-dâu tây |
w3-thực phẩm-cà chua |
w3-thực phẩm-lúa mì |
w3-thực phẩm-rượu |
Ví dụ
<div class="w3-food-apple">Apple</div>
<div
class="w3-food-banana">Banana</div>
Hãy tự mình thử » Thử tất cả » Tải xuống CSS »Màu ngụy trang
w3-camo-nâu |
w3-camo-đỏ |
w3-camo-ô liu |
trường w3-camo |
w3-camo-trái đất |
w3-camo-cát |
w3-camo-tan |
w3-camo-sa thạch |
w3-camo-xanh đậm |
w3-camo-rừng |
w3-camo-xanh nhạt |
w3-camo-xanh |
w3-camo-xám đậm |
w3-camo-xám |
w3-camo-đen |
Ví dụ
<div class="w3-camo-earth">Camouflaged Truck</div>
<div
class="w3-camo-grey">Camouflaged Ship</div>
Hãy tự mình thử » Thử tất cả » Tải xuống CSS »Màu sắc ngụy trang được xác định trong Tiêu chuẩn Liên bang 595 .