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 |