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.
Xe buýt của trường
Đường công viên Falcon Ridge
DỪNG LẠI
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 một liên kết đến thư viện màu trong trang web của bạn:
<link rel="stylesheet"
href="https://www.w3schools.com/lib/w3-colors-highway.css">
Sau đó, thêm tên lớp vào phần tử 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>
Màu sắc đường cao tốc Hoa Kỳ
w3-đường cao tốc-nâu |
w3-Highway-red |
w3-Highway-cam |
w3-Highway-schoolbus |
w3-đường cao tốc-màu vàng |
w3-đường cao tốc-màu xanh lá cây |
w3-Highway-blue |
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 an toàn của Hoa Kỳ
w3-an toàn-đỏ |
w3-safe-cam |
w3-safe-màu vàng |
w3-an toàn-xanh |
w3-an toàn-xanh lam |
w3-safe-màu 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 tín hiệu Châu Âu
w3-tín hiệu-màu vàng |
w3-signal-cam |
w3-signal-đỏ |
w3-signal-violet |
w3-signal-blue |
w3-tín hiệu-màu xanh lá cây |
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 |
Thí dụ
<div class="w3-signal-red">Stop</div>
<div
class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
Tải xuống CSS »
Màu 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-màu hồng |
w3-sặc sỡ-đỏ |
w3-sống động-màu cam |
w3-sống động-màu vàng |
w3-sống động-xanh lá cây |
w3-sống động-xanh lam |
w3-sặc sỡ-tím |
w3-sặc sỡ-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 lục-vàng |
w3-sống động-vàng-xanh lá cây |
w3-sống động-vàng-xanh lá cây |
w3-sống động-xanh-xanh |
w3-sống động-xanh lục-xanh lam |
w3-sống động-tím-xanh lam |
w3-sặc sỡ-đỏ-tím |
w3-sặc sỡ-đỏ tía |
Thí 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>
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-food-apple |
w3-food-aspargus |
w3-thức-ăn-mơ |
w3-food-aubergine |
w3-food-butter |
w3-food-banana |
w3-food-butter |
w3-food-blueberry |
w3-food-cherry |
w3-thức ăn-sô-cô-la |
w3-food-cranberry |
w3-food-coffee |
w3-thức ăn-trứng |
w3-food-nho |
w3-food-kiwi |
w3-food-chanh |
w3-thức ăn-vôi |
w3-food-xoài |
w3-thực phẩm-nấm |
w3-food-mù tạt |
w3-thực phẩm-bạc hà |
w3-food-olive |
w3-food-cam |
w3-food-pea |
w3-food-đào |
w3-food-lê |
w3-food-pistachio |
w3-food-mận |
w3-food-raspberry |
w3-food-saffron |
w3-thức ăn-cá hồi |
w3-thực phẩm-bạc hà |
w3-thức ăn-bí |
w3-thức ăn-dâu tây |
w3-thực phẩm-cà chua |
w3-lương thực-lúa mì |
w3-đồ ăn-rượu |
Thí dụ
<div class="w3-food-apple">Apple</div>
<div
class="w3-food-banana">Banana</div>
Tải xuống CSS »
Màu ngụy trang
w3-camo-nâu |
w3-camo-đỏ |
w3-camo-olive |
w3-camo-field |
w3-camo-earth |
w3-camo-sand |
w3-camo-tan |
đá sa thạch w3-camo |
w3-camo-xanh đậm |
w3-camo-rừng |
w3-camo-light-green |
w3-camo-xanh |
w3-camo-xám đậm |
w3-camo-xám |
w3-camo-đen |
Thí dụ
<div class="w3-camo-earth">Camouflaged Truck</div>
<div
class="w3-camo-grey">Camouflaged Ship</div>
Tải xuống CSS »
Màu ngụy trang được xác định trong Tiêu chuẩn Liên bang 595 .