Biblioteki kolorów W3.CSS
Biblioteki kolorów
Biblioteki kolorów to małe pliki CSS zawierające powszechnie używane wartości kolorów, takie jak standardy bezpieczeństwa, kolory autostrad, modne kolory, kolory kamuflażu i inne.
Autobus szkolny
Falcon Ridge Parkway
ZATRZYMAĆ
Jak korzystać z bibliotek kolorów
Biblioteki kolorów są łatwe w użyciu. Po prostu dodaj link do biblioteki kolorów na swojej stronie internetowej:
<link rel="stylesheet"
href="https://www.w3schools.com/lib/w3-colors-highway.css">
Następnie dodaj nazwę klasy do elementu HTML, który chcesz pokolorować:
<div class="w3-highway-schoolbus">Schoolbus</div>
<div
class="w3-highway-green">Falcon Ridge Parkway</div>
<div
class="w3-highway-red">STOP</div>
Kolory autostrad w USA
| w3-autostradowo-brązowy |
| w3-autostrada-czerwona |
| w3-autostrada-pomarańczowa |
| w3-autostrada-autobus szkolny |
| w3-autostrada-żółty |
| w3-autostrada-zielona |
| w3-autostrada-niebieska |
Kolory autostrad są zdefiniowane w normie federalnej 595 .
Kolory bezpieczeństwa w USA
| w3-bezpieczny-czerwony |
| w3-bezpieczny-pomarańczowy |
| w3-bezpieczny-żółty |
| w3-bezpieczna-zielona |
| w3-bezpieczny-niebieski |
| w3-bezpieczny-fioletowy |
Kolory bezpieczeństwa w USA są zdefiniowane w normie federalnej 595 .
Europejskie kolory sygnału
| w3-sygnał-żółty |
| w3-sygnał-pomarańczowy |
| w3-sygnał-czerwony |
| w3-sygnał-fioletowy |
| w3-sygnał-niebieski |
| w3-sygnał-zielony |
| w3-sygnał-szary |
| w3-sygnał-brązowy |
| w3-biały sygnał |
| w3-sygnał-czarny |
Przykład
<div class="w3-signal-red">Stop</div>
<div
class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
Pobierz CSS »
Europejskie kolory sygnałów są zdefiniowane w standardzie kolorów RAL .
Żywe kolory
| w3-żywy-różowy |
| w3-żywy-czerwony |
| w3-żywy-pomarańczowy |
| w3-żywy-żółty |
| w3-żywy-zielony |
| w3-żywy-niebieski |
| w3-żywy-fioletowy |
| w3-żywy-fioletowy |
| w3-żywy-czarny |
| w3-żywy-biały |
| w3-żywy-żółtawo-różowy |
| w3-żywy-czerwono-pomarańczowy |
| w3-żywy-pomarańczowo-żółty |
| w3-żywy-zielonkawo-żółty |
| w3-żywy-żółto-zielony |
| w3-żywy-żółtawo-zielony |
| w3-żywy-niebieskawo-zielony |
| w3-żywy-zielonkawo-niebieski |
| w3-żywy-fioletowo-niebieski |
| w3-żywy-czerwono-fioletowy |
| w3-żywy-fioletowo-czerwony |
Przykład
<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>
Pobierz CSS »
Żywe kolory są zdefiniowane w ISCC-NBS .
Kolory żywności
| w3-jedzenie-jabłko |
| w3-jedzenie-szparagi |
| w3-jedzenie-morela |
| w3-bakłażan spożywczy |
| w3-jedzenie-awokado |
| w3-jedzenie-banan |
| w3-masło-spożywcze |
| w3-jedzenie-jagody |
| w3-jedzenie-wiśnia |
| w3-jedzenie-czekolada |
| w3-żurawina |
| w3-jedzenie-kawa |
| w3-jedzenie-jajko |
| w3-jedzenie-winogrona |
| w3-jedzenie-kiwi |
| w3-jedzenie-cytryna |
| w3-jedzenie-limonka |
| w3-jedzenie-mango |
| w3-grzyb-jedzenie |
| w3-musztarda spożywcza |
| w3-jedzenie-mięta |
| w3-jedzenie-oliwka |
| w3-jedzenie-pomarańcza |
| w3-groszek spożywczy |
| w3-jedzenie-brzoskwinia |
| w3-gruszka |
| w3-jedzenie-pistacjowe |
| w3-śliwka spożywcza |
| w3-jedzenie-malina |
| w3-szafran spożywczy |
| w3-jedzenie-łosoś |
| w3-mięta-żywności |
| w3-kabaczek |
| w3-jedzenie-truskawka |
| w3-jedzenie-pomidor |
| w3-pszenica spożywcza |
| w3-jedzenie-wino |
Przykład
<div class="w3-food-apple">Apple</div>
<div
class="w3-food-banana">Banana</div>
Pobierz CSS »
Kolory kamuflażu
| w3-kamo-brązowy |
| w3-kamo-czerwony |
| w3-kamuflażowo-oliwkowy |
| w3-pole kamuflażu |
| w3-kamo-ziemia |
| w3-kamuflaż-piasek |
| w3-kamo-tan |
| w3-kamo-piaskowiec |
| w3-camo-ciemno-zielony |
| w3-kamo-las |
| w3-camo-jasno-zielony |
| w3-kamo-zielony |
| w3-camo-ciemno-szary |
| w3-kamo-szary |
| w3-kamo-czarny |
Przykład
<div class="w3-camo-earth">Camouflaged Truck</div>
<div
class="w3-camo-grey">Camouflaged Ship</div>
Pobierz CSS »
Kolory kamuflażu są określone w normie federalnej 595 .