Цвет Библиотеки
Цветные библиотеки небольшие CSS файлы, содержащие обычно используемые значения цвета, такие как стандарты безопасности, шоссе цвета, модные цвета, армия камуфляжные цвета, и многое другое.
Шоссе Желтый
Цветные библиотеки очень проста в использовании. Просто добавьте ссылку на библиотеку вашей веб-странице:
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3-colors-highway.css">
И имя класса в HTML-элемент, который вы хотите, чтобы цвет:
<div class="w3-highway-yellow">Highway Yellow
Попробуй сам " US Highway Цвета
имя |
---|
W3-шоссе-коричневый |
W3-шоссе-красный |
W3-шоссе-оранжевый |
W3-шоссе-Schoolbus |
W3-шоссе-желтый |
W3-шоссе-зеленый |
W3-шоссе-синий |
пример
<div class="w3-highway-green">Falcon Ridge Parkway</div>
<div class="w3-highway-schoolbus">Schoolbus Stop</div>
Попробуйте сами » Скачать CSS» Вы можете прочитать больше о цветах шоссе в Федеральном стандарте 595 .
Цвета безопасности США
имя |
---|
W3-безопасность-красный |
W3-безопасность-оранжевый |
W3-безопасность-желтый |
W3-безопасность-зеленый |
W3-безопасность-синий |
W3-безопасность-фиолетовый |
Вы можете прочитать больше о цветах безопасности в Федеральном стандарте 595 .
Маскировка Цвета
имя |
---|
W3-Camo-коричневый |
W3-Camo-красный |
W3-Camo-оливковый |
W3-Camo-поле |
W3-Camo-земля |
W3-Camo-песок |
W3-Camo-тан |
W3-Camo-песчаник |
W3-камуфляжа темно-зеленый |
W3-Camo-лес |
W3-Camo-светло-зеленый |
W3-Camo-зеленый |
W3-камуфляжа темно-серый |
W3-Camo-серый |
W3-Camo-черный |
Вы можете прочитать больше о камуфляжные цвета в Федеральном стандарте 595 .
пример
<div class="w3-camo-earth">Camouflaged Truck</div>
<div class="w3-camo-grey">Camouflaged Ship</div>
Попробуйте сами » Скачать CSS» Яркие цвета
Название Цвет |
---|
W3-яркий-розовый |
W3-яркий-красный |
W3-яркий-оранжевый |
W3-яркий-желтые |
W3-яркий-зеленый |
W3-яркий-синий |
W3-яркий-фиолетовый |
W3-яркий-фиолетовый |
W3-яркий-черный |
W3-яркий белый |
W3-ярко-желтовато-розовые |
W3-яркий-красновато-оранжевый |
W3-яркий-оранжево-желтый |
W3-яркий-зеленовато-желтый |
W3-яркий-желто-зеленый |
W3-яркий-желтовато-зеленый |
W3-яркий-голубовато-зеленый |
W3-яркий-зеленовато-синий |
W3-яркий-фиолетово-синий |
W3-яркий-красновато-фиолетовый |
ww3-ярко-пурпурно-красный |
Вы можете прочитать больше о ярких цветов в ККИС-NBS .
пример
<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>
Попробуйте сами » Скачать CSS» Европейские Цвета сигнальные
Цвет Nameeee |
---|
W3-сигнал-желтый |
W3-сигнал-оранжевый |
W3-сигнал-красный |
W3-сигнал-фиолетовый |
W3-сигнал-синий |
W3-сигнал-зеленый |
W3-сигнал-серый |
W3-сигнал-коричневый |
W3-сигнал-белый |
W3-сигнал-черный |
Вы можете прочитать больше о европейских цветов сигналов в по RAL Color Standard .
пример
<div class="w3-signal-red">Stopp</div>
<div class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
Попробуйте сами » Скачать CSS» Food Colors
имя |
---|
W3-фуд-яблочный |
W3-фуд-aspargus |
W3-фуд-абрикосовый |
W3-фуд-баклажан |
W3-фуд-Авокадо |
W3-фуд-банан |
W3-фуд-масло |
W3-фуд-черничный |
W3-фуд-вишневый |
W3-фуд-шоколад |
W3-фуд-клюквенный |
W3-фуд-кофе |
W3-фуд-яйцо |
W3-фуд-виноградный |
W3-фуд-киви |
W3-фуд-лимон |
W3-фуд-кальциево |
W3-фуд-манго |
W3-фуд-гриб |
W3-фуд-горчичный |
W3-фуд-мята |
W3-фуд-оливковый |
W3-фуд-оранжевый |
W3-фуд-гороховый |
W3-фуд-персик |
W3-фуд-груша |
W3-фуд-фисташковый |
W3-фуд-сливовый |
W3-фуд-малина |
W3-фуд-шафран |
W3-фуд-лосось |
W3-фуд-кудрявой мяты |
W3-фуд-сквош |
W3-фуд-клубничный |
W3-фуд-помидор |
W3-пищевой пшеницы |
W3-фуд-вино |