Библиотеки цветов W3.CSS
Библиотеки цветов
Библиотеки цветов — это небольшие файлы CSS, содержащие часто используемые значения цветов, такие как стандарты безопасности, цвета шоссе, модные цвета, цвета камуфляжа и т. д.
Школьный автобус
Фалкон-Ридж-Паркуэй
ОСТАНАВЛИВАТЬСЯ
Как использовать библиотеки цветов
Библиотеки цветов просты в использовании. Просто добавьте ссылку на библиотеку цветов на свою веб-страницу:
<link rel="stylesheet"
href="https://www.w3schools.com/lib/w3-colors-highway.css">
Затем добавьте имя класса к элементу HTML, который вы хотите раскрасить:
<div class="w3-highway-schoolbus">Schoolbus</div>
<div
class="w3-highway-green">Falcon Ridge Parkway</div>
<div
class="w3-highway-red">STOP</div>
Цвета шоссе США
| w3-шоссе-коричневый |
| w3-шоссе-красный |
| w3-шоссе-оранжевый |
| w3-шоссе-школьный автобус |
| w3-шоссе-желтый |
| w3-шоссе-зеленый |
| w3-шоссе-синий |
Цвета шоссе определены в Федеральном стандарте 595 .
Цвета безопасности США
| w3-безопасно-красный |
| w3-безопасный оранжевый |
| w3-безопасно-желтый |
| w3-безопасно-зеленый |
| w3-безопасно-синий |
| w3-фиолетовый-безопасность |
Безопасные цвета США определены в Федеральном стандарте 595 .
Европейские сигнальные цвета
| w3-сигнал-желтый |
| w3-сигнал-оранжевый |
| w3-сигнал-красный |
| w3-сигнал-фиолетовый |
| w3-сигнал-синий |
| w3-сигнал-зеленый |
| w3-сигнально-серый |
| w3-сигнал-коричневый |
| w3-сигнал-белый |
| w3-сигнал-черный |
Пример
<div class="w3-signal-red">Stop</div>
<div
class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
Скачать CSS »
Европейские сигнальные цвета определены в цветовом стандарте RAL .
Яркие цвета
| w3-ярко-розовый |
| w3-ярко-красный |
| w3-ярко-оранжевый |
| w3-ярко-желтый |
| w3-ярко-зеленый |
| w3-ярко-синий |
| w3-ярко-фиолетовый |
| w3-ярко-фиолетовый |
| w3-ярко-черный |
| w3-ярко-белый |
| w3-ярко-желтовато-розовый |
| w3-ярко-красновато-оранжевый |
| w3-ярко-оранжево-желтый |
| w3-ярко-зеленовато-желтый |
| w3-ярко-желто-зеленый |
| w3-ярко-желтовато-зеленый |
| w3-ярко-голубовато-зеленый |
| w3-ярко-зеленовато-синий |
| w3-ярко-фиолетово-синий |
| w3-ярко-красновато-фиолетовый |
| w3-ярко-пурпурно-красный |
Пример
<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>
Скачать CSS »
Яркие цвета определены в ISCC-NBS .
Пищевые красители
| 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-еда-помидор |
| w3-пищевая пшеница |
| w3-еда-вино |
Камуфляжные цвета
| w3-камуфляж-коричневый |
| w3-камуфляж-красный |
| w3-камуфляж-оливковый |
| w3-камуфляж-поле |
| w3-камуфляж-земля |
| w3-камуфляж-песок |
| w3-камуфляж-загар |
| w3-камуфляж-песчаник |
| w3-камуфляж-темно-зеленый |
| w3-камуфляж-лес |
| w3-камуфляж-светло-зеленый |
| w3-камуфляж-зеленый |
| w3-камуфляж-темно-серый |
| w3-камуфляж-серый |
| w3-камуфляж-черный |
Пример
<div class="w3-camo-earth">Camouflaged Truck</div>
<div
class="w3-camo-grey">Camouflaged Ship</div>
Скачать CSS »
Цвета камуфляжа определены в Федеральном стандарте 595 .