biblioteki kolorów
biblioteki kolorów są małe pliki CSS zawierające najczęściej używane wartości kolorów, takich jak normy bezpieczeństwa, kolorów autostrad, modnych kolorach, kolory kamuflażu armii, i wiele innych.
Highway Żółty
biblioteki kolorów są bardzo łatwe w użyciu. Wystarczy dodać biblioteki link do strony internetowej:
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3-colors-highway.css">
A nazwa klasy do elementu HTML chcesz kolor:
<div class="w3-highway-yellow">Highway Yellow
Spróbuj sam " Kolory US Highway
Nazwa |
---|
w3-autostrady-brązowa |
w3-autostrady-czerwone |
w3-autostrady-pomarańczowe |
w3-autostrady-schoolbus |
w3-autostrady-żółta |
w3-autostrady-zielone |
w3-autostrady-blue |
Przykład
<div class="w3-highway-green">Falcon Ridge Parkway</div>
<div class="w3-highway-schoolbus">Schoolbus Stop</div>
Spróbuj sam » Pobierz CSS» Możesz przeczytać więcej o kolorach autostradzie w Federalnym Standardem 595 .
Kolory US bezpieczeństwa
Nazwa |
---|
w3-safety-czerwona |
w3-safety-pomarańczowy |
w3-safety-żółta |
w3-safety-zielony |
w3-safety-niebieskie |
w3-safety-fioletowy |
Możesz przeczytać więcej na temat bezpieczeństwa w kolorach Federalnego Standardu 595 .
Camouflage Colors
Nazwa |
---|
w3-moro-brązowa |
w3-moro-czerwone |
w3-moro-oliwkowy |
w3-moro-field |
w3-moro-ziemia |
w3-moro-piaskowa |
w3-moro-tan |
w3-moro-piaskowiec |
w3-moro-ciemnozielona |
w3-moro-las |
w3-moro-jasnozielony |
w3-moro-zielone |
w3-moro-ciemnoszary |
w3-moro-szara |
w3-moro-czarny |
Możesz przeczytać więcej o kolorach maskujących w Federalnym Standardem 595 .
Przykład
<div class="w3-camo-earth">Camouflaged Truck</div>
<div class="w3-camo-grey">Camouflaged Ship</div>
Spróbuj sam » Pobierz CSS» żywe kolory
Nazwa koloru |
---|
w3-plastyczny-różowe |
w3-plastyczny-czerwone |
w3-plastyczny-pomarańczowe |
w3-żywy żółty |
w3-plastyczny-zielone |
w3-plastyczny-blue |
w3-plastyczny-fioletowe |
w3-plastyczny-fioletowy |
w3-plastyczny-czarna |
w3-plastyczny-białe |
w3-plastyczny-żółto-różowy |
w3-plastyczny-czerwono-pomarańczowy |
w3-plastyczny-pomarańczowo-żółte |
w3-plastyczny-zielonkawożółta |
w3-plastyczny-żółto-zielony |
w3-plastyczny-żółto-zielone |
w3-plastyczny-niebiesko-zielone |
w3-plastyczny-zielono-niebieskie |
w3-plastyczny-fioletowo-niebieski |
w3-plastyczny-czerwono-fioletowy |
WW3-plastyczny-fioletowo-czerwony |
Możesz przeczytać więcej o żywych kolorach w ISCC-NBS .
Przykład
<div class="w3-vivid-red">
<p>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area
of over 13 million inhabitants.</p>
</div>
Spróbuj sam » Pobierz CSS» Europejskie kolorów sygnałowych
kolor Nameeee |
---|
w3 sygnał żółty |
w3-signal-pomarańczowy |
w3 sygnał czerwony |
w3-signal-fioletowe |
w3-signal-niebieskie |
w3 sygnał zielony |
w3-signal-szara |
w3-signal-brązowa |
w3-signal-białe |
w3-signal-czarna |
Możesz przeczytać więcej o europejskich kolorach sygnałowych w kolorze RAL standardu .
Przykład
<div class="w3-signal-red">Stopp</div>
<div class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
Spróbuj sam » Pobierz CSS» Żywność Kolory
Nazwa |
---|
w3-food-jabłkowy |
w3-food-aspargus |
w3-food-morelowy |
w3-food-bakłażana |
w3-food-awokado |
w3-food-bananowy |
w3-food-masło |
w3-food-jagodowy |
w3-food-wiśnia |
w3-food-czekoladowe |
w3-food-żurawinowy |
w3-food-kawy |
w3-food-egg |
w3-food-winogronowy |
w3-food-kiwi |
w3-food-cytrynowy |
w3-food-wapienny |
w3-food-mango |
w3-food-Grzyb |
w3-food-musztardowym |
w3-food-miętowy |
w3-food-oliwkowy |
w3-food-pomarańczowy |
w3-food-groszku |
w3-food-brzoskwinia |
w3-food-gruszka |
w3-food-pistacjowy |
w3-food-śliwkowy |
w3-food-malinowy |
w3-food-szafran |
w3-food-łososia |
w3-food-miętowy |
w3-food-squash |
w3-food-truskawkowy |
w3-food-pomidorowym |
w3-food-pszenna |
w3-food-wine |