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>
기본 예시
예제 보기2021년 가장 인기 있는 봄/여름 색상
Marigold
Cerulean
Rust
Illuminating
French Blue
Green Ash
Burnt Coral
Mint
Amethyst Orchid
Raspberry Sorbet
예제
기본 예시
예제 보기2021년 클래식 봄/여름 색상
Inkwell
Ultimate Gray
Buttercream
Desert Mist
Willow
예제
<div class="w3-2021-inkwell">Inkwell</div> <div class="w3-2021-ultimate-gray">Ultimate Gray</div> <div class="w3-2021-buttercream">Buttercream</div>
기본 예시
예제 보기2020년 가장 인기 있는 봄/여름 색상
Flame Scarlet
Saffron
Biscay Green
Chive
Faded Denim
Orange Peel
Mosaic Blue
Sunlight
Coral Pink
Cinnamon Stick
Grape Compote
예제
<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>
기본 예시
예제 보기2020년 클래식 봄/여름 색상
Lark
Navy Blazer
Brilliant White
Ash
예제
<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>
기본 예시
예제 보기2020 가을/겨울 색상
Amberglow
Samba
Sandstone
Classic Blue
Green Sheen
Rose Tan
Ultramarine Green
Fired Brick
Peach Nougat
Magenta Purple
2019년 봄 패션 컬러
Fiesta
Jester Red
Living Coral
Pink Peacock
Pepper Stem
Aspen Gold
Princess Blue
Toffee
Mango Mojito
Terrarium Moss
Sweet Lilac
Soybean
Eclipse
Sweet Corn
Brown Granite
예제
<div class="w3-2019-fiesta">Fiesta</div> <div class="w3-2019-princess-blue">Princess Blue</div>
기본 예시
예제 보기2019 가을 패션 컬러
Chili Pepper
Biking Red
Crème de Pêche
Peach Pink
Rocky Road
Fruit Dove
Sugar Almond
Dark Cheddar
Galaxy Blue
Bluestone
Orange Tiger
Eden
예제
<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>
기본 예시
예제 보기클래식 컬러 2019 가을/겨울
Vanilla Custard
Evening Blue
Paloma
Guacamole
패션 컬러 2018
| w3-2018-red-pear |
| w3-2018-valiant-poppy |
| w3-2018-nebulas-blue |
| w3-2018-ceylon-yellow |
| w3-2018-martini-olive |
| w3-2018-russet-orange |
| w3-2018-ultra-violet |
| w3-2018-crocus-petal |
| w3-2018-limelight |
| w3-2018-quetzal-green |
| w3-2018-sargasso-sea |
| w3-2018-tofu |
| w3-2018-almond-buff |
| w3-2018-quiet-gray |
| w3-2018-meerkat |
| w3-2018-meadowlark |
| w3-2018-cherry-tomato |
| w3-2018-little-boy-blue |
| w3-2018-chili-oil |
| w3-2018-blooming-dahlia |
| w3-2018-arcadia |
| w3-2018-pink-emperador |
| w3-2018-almost-mauve |
| w3-2018-spring-crocus |
| w3-2018-lime-punch |
| w3-2018-sailor-blue |
| w3-2018-harbor-mist |
| w3-2018-warm-sand |
| w3-2018-coconut-milk |
예제
<div class="w3-2018-ultra-violet">Ultra Violet</div> <div class="w3-2018-cherry-tomato">Cherry Tomato</div>
기본 예시
예제 보기패션 컬러 2017
| w3-2017-greenery |
| w3-2017-grenadine |
| 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 |
예제
<div class="w3-2017-greenery">Greenery</div> <div class="w3-2017-flame">Flame</div>
기본 예시
예제 보기참고
W3C School - W3.CSS Fashion Colors
공부 목적 블로그