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-valiant-poppy
w3-2018-성운-파랑
w3-2018-실론-노랑
w3-2018-마티니-올리브
w3-2018-russet-orange
w3-2018-자외선
w3-2018-crocus-petal
w3-2018-라임라이트
w3-2018-케찰-그린
w3-2018-sargasso-sea
w3-2018-tofu
w3-2018-almond-buff
w3-2018-조용한 회색
w3-2018-미어캣
w3-2018-메도우락
w3-2018-체리-토마토
w3-2018-little-boy-blue
w3-2018-칠리 오일
w3-2018-꽃이 피는 달리아
w3-2018-아카디아
w3-2018-핑크-엠퍼러
w3-2018-거의 자주빛
w3-2018-spring-crocus
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.