W3.CSS módní barvy


Jak používat módní barvy

Módní barvy se snadno používají. Stačí přidat odkaz na správnou knihovnu barev:

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

Poté přidejte název třídy k prvku HTML, který chcete obarvit:

Příklad

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

  Stáhnout CSS »

Módní barvy jsou vybrány z Colours 2021 .


Nejžhavější barvy jara a léta 2021

Měsíček

Cerulean

Rez

Osvětlující

Francouzská modrá

Zelený popel

Spálený korál

Máta

Ametystová orchidej

Malinový sorbet


Klasické barvy jaro/léto 2021

Příklad

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

  Stáhnout CSS »

Kalamář

Konečná šedá

Máslový krém

Pouštní mlha

Vrba


Nejžhavější barvy jara/léta 2020

Příklad

<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>

  Stáhnout CSS »

Flame Scarlet

Šafrán

Biskajská zelená

Pažitka

Vybledlý denim

Pomerančová slupka

Modrá mozaika

sluneční světlo

Korálově růžová

Skořicová tyčinka

Hroznový kompot



Klasické barvy jaro/léto 2020

Příklad

<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>

  Stáhnout CSS »

Skřivan

Navy Blazer

Brilantní bílá

Popel


Barvy podzimu/zimy 2020

Amberglow

Samba

Pískovec

Klasická modrá

Zelený lesk

Rose Tan

Ultramarínová zelená

Vypálená cihla

Broskvový nugát

Purpurově fialová


Módní barvy jaro 2019

Příklad

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

    Stáhnout CSS »

Fiesta

Šašek Červený

Kurkuma

Živý korál

Růžový páv

Stopka pepře

Aspen Gold

Princezna modrá

Karamela

Mango Mojitos

Terarijní mech

Sladký šeřík

Sója

Zatmění

Sladká kukuřice

Hnědá žula


Módní barvy podzimu 2019

Příklad

<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>

    Stáhnout CSS »

Chilli papričky

Cyklistická červená

Broskvový krém

Broskvová růžová

Kamenná cesta

Ovocná holubice

Cukrová mandle

Tmavý čedar

Modrá galaxie

Bluestone

Oranžový tygr

ráj


Klasické barvy podzim/zima 2019

Vanilkový pudink

Večerní Modrá

Paloma

Guacamole

Módní barvy jsou vybrány z Colours 2019 .


Módní barvy 2018

w3-2018-červená-hruška
w3-2018-valiant-mak
w3-2018-mlhoviny-modrá
w3-2018-ceylon-žlutá
w3-2018-martini-oliva
w3-2018-červeno-oranžová
w3-2018-ultrafialová
w3-2018-krokus-okvětní lístek
w3-2018-limelight
w3-2018-quetzal-zelená
w3-2018-sargasso-sea
w3-2018-tofu
w3-2018-mandle-buff
w3-2018-tichá-šedá
w3-2018-surikata
w3-2018-meadowlark
w3-2018-cherry-tomato
w3-2018-malý-chlapec-modrý
w3-2018-chili-olej
w3-2018-kvetoucí-jiřina
w3-2018-arcadia
w3-2018-růžový-emperátor
w3-2018-téměř-lila
w3-2018-jaro-krokus
w3-2018-vápno-punč
w3-2018-námořnická modrá
w3-2018-harbor-mist
w3-2018-teplý-písek
w3-2018-kokosove mleko

Příklad

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

    Stáhnout CSS »

Módní barvy jsou vybrány z Colours 2018 .


Módní barvy 2017

w3-2017-zeleň
w3-2017-grenadiny
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.