Najnowsze tutoriale tworzenie stron internetowych
 

W3.CSS biblioteki kolorów


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 .

Przykład

<div class="w3-safety-red">DANGER</div>
Spróbuj sam » Pobierz CSS»

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