W3.CSS

W3.CSS ГЛАВНАЯ Введение в W3.CSS Цвета W3.CSS Контейнеры W3.CSS Панели W3.CSS W3.CSS Границы Карточки W3.CSS W3.CSS по умолчанию W3.CSS-шрифты W3.CSS Google Текст W3.CSS W3.CSS Раунд W3.CSS заполнение Поля W3.CSS W3.CSS Отображение Кнопки W3.CSS Примечания W3.CSS W3.CSS Цитаты Оповещения W3.CSS W3.CSS-таблицы Списки W3.CSS Изображения W3.CSS Входные данные W3.CSS Значки W3.CSS W3.CSS-теги Иконки W3.CSS W3.CSS Отзывчивый Макет W3.CSS W3.CSS-анимации W3.CSS эффекты W3.CSS бары Выпадающие списки W3.CSS Аккордеоны W3.CSS W3.CSS-навигация Боковая панель W3.CSS Вкладки W3.CSS W3.CSS Пагинация Индикаторы выполнения W3.CSS Слайд-шоу W3.CSS W3.CSS Модальный Подсказки W3.CSS W3.CSS сетка W3.CSS-код W3.CSS-фильтры Тенденции W3.CSS Случай W3.CSS W3.CSS Материал Проверка W3.CSS Версии W3.CSS W3.CSS для мобильных устройств

Цвета W3.CSS

Цветовые классы W3.CSS W3.CSS цветной материал W3.CSS цветной плоский интерфейс W3.CSS Цветной интерфейс Metro W3.CSS Цвет Win8 W3.CSS Цвет iOS W3.CSS Цветовая мода Библиотеки цветов W3.CSS Цветовые схемы W3.CSS Цветовые темы W3.CSS Генератор цветов W3.CSS

Веб-строительство

Веб-введение Веб-HTML Веб-CSS Веб-JavaScript Веб-макет Веб-группа Веб-кейтеринг Интернет-ресторан Веб-архитектор

Примеры

Примеры W3.CSS Демонстрации W3.CSS Шаблоны W3.CSS

использованная литература

Справочник по W3.CSS W3.CSS Загрузки

Модные цвета W3.CSS


Как использовать модные цвета

Модные цвета просты в использовании. Просто добавьте ссылку на нужную библиотеку цветов:

<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-colors-2021.css">

Затем добавьте имя класса к элементу HTML, который вы хотите раскрасить:

Пример

<div class="w3-2021-marigold">Marigold</div>
<div class="w3-2021-cerulean">Cerulean</div>
<div class="w3-2021-rust">Rust</div>

  Скачать CSS »

Модные цвета выбраны из Colors 2021 .


Самые горячие цвета весны/лета 2021 года

Бархатцы

Лазурный

Ржавчина

Освещение

французский синий

Зеленый пепел

Обожженный коралл

Монетный двор

Аметистовая орхидея

Малиновый сорбет


Классические цвета весны/лета 2021

Пример

<div class="w3-2021-inkwell">Inkwell</div>
<div class="w3-2021-ultimate-gray">Ultimate Gray</div>
<div class="w3-2021-buttercream">Buttercream</div>

  Скачать CSS »

Чернильница

Окончательный серый

сливочный крем

Туман пустыни

Уиллоу


Самые горячие цвета весны/лета 2020

Пример

<div class="w3-2020-flame-scarlet">Flame Scarlet</div>
<div class="w3-2020-saffron">Saffron</div>
<div class="w3-2020-biscay-green">Biscay Green</div>

  Скачать CSS »

Пламя Скарлет

Шафран

Бискайский зеленый

зеленый лук

Выцветшая джинсовая ткань

Апельсиновая корка

Мозаика Голубая

Солнечный лучик

Кораллово-розовый

Палочка корицы

Виноградный Компот



Классические цвета весны/лета 2020

Пример

<div class="w3-2020-lark">Lark</div>
<div class="w3-2020-navy-blazer">Navy Blazer</div>
<div class="w3-2020-brilliant-white">Brilliant White</div> <div class="w3-2020-ash">Ash</div>

  Скачать CSS »

Жаворонок

Темно-синий блейзер

Бриллиантовый белый

Пепел


Цвета осени/зимы 2020

Амберглоу

самба

Песчаник

Классический синий

Зеленый блеск

Роза Тан

Ультрамарин Зеленый

Обожженный кирпич

Персиковая нуга

Пурпурный Пурпурный


Модные цвета весны 2019

Пример

<div class="w3-2019-fiesta">Fiesta</div>
<div class="w3-2019-princess-blue">Princess Blue</div>

    Скачать CSS »

Фиеста

Шут Красный

Куркума

Живой коралл

Розовый павлин

перец стебель

Аспен Голд

Принцесса Блю

Ириска

Манго Мохито

Террариумный мох

Сладкая сирень

Соя

Затмение

сладкая кукуруза

коричневый гранит


Модные цвета осени 2019

Пример

<div class="w3-2019-chili-pepper">Chili Pepper</div>
<div class="w3-2019-dark-cheddar">Dark Cheddar</div>
<div class="w3-2019-bluestone">Bluestone</div>

    Скачать CSS »

Перец чили

Красный велосипед

Персиковый крем

Персиково-розовый

Каменистая дорога

Фруктовый голубь

Сахарный миндаль

Темный чеддер

Голубая Галактика

Медный купорос

Оранжевый тигр

Эдем


Классические цвета Осень/Зима 2019

Ванильный заварной крем

вечерний синий

Палома

Гуакамоле

Модные цвета выбраны из Colors 2019 .


Модные цвета 2018

w3-2018-красно-грушевый
w3-2018-доблестный-мак
w3-2018-туманность-синий
w3-2018-цейлон-желтый
w3-2018-мартини-оливковый
w3-2018-красновато-оранжевый
w3-2018-ультрафиолетовый
w3-2018-крокус-лепесток
w3-2018-в центре внимания
w3-2018-кетсаль-зеленый
w3-2018-саргассово-море
w3-2018-тофу
w3-2018-миндальный-бафф
w3-2018-тихо-серый
w3-2018-сурикат
w3-2018-луговой жаворонок
w3-2018-черри-помидор
w3-2018-маленький-мальчик-синий
w3-2018-чили-масло
w3-2018-цветущий георгин
w3-2018-аркадия
w3-2018-розовый император
w3-2018-почти лиловый
w3-2018-весна-крокус
w3-2018-лайм-пунш
w3-2018-морской синий
w3-2018-гавань-туман
w3-2018-теплый-песок
w3-2018-кокосовое молоко

Пример

<div class="w3-2018-ultra-violet">Ultra Violet</div>
<div class="w3-2018-cherry-tomato">Cherry Tomato</div>

    Скачать CSS »

Модные цвета выбраны из Colors 2018 .


Модные цвета 2017

w3-2017-зелень
w3-2017-гренадины
w3-2017-tawny-port
w3-2017-ballet-slipper
w3-2017-butterum
w3-2017-navy-peony
w3-2017-neutral-grey
w3-2017-shaded-spruce
w3-2017-golden-lime
w3-2017-marina
w3-2017-autumn-maple
w3-2017-niagra
w3-2017-primrose-yellow
w3-2017-lapis-blue
w3-2017-flame
w3-2017-island-paradise
w3-2017-pale-dogwood
w3-2017-pink-yarrow
w3-2017-kale
w3-2017-hazelnut

Example

<div class="w3-2017-greenery">Greenery</div>
<div class="w3-2017-flame">Flame</div>

    Download the CSS »

The fashion colors are selected from Colors 2017.