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>
ファッションカラーはColors2021から選択されます。
最も暑い春/夏の色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>
インク壺
アルティメットグレイ
バタークリーム
デザートミスト
柳
最も暑い春/夏の色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>
炎の緋色
サフラン
ビスケイグリーン
チャイブ
色あせたデニム
オレンジの皮
モザイクブルー
日光
コーラルピンク
シナモンスティック
ブドウのコンポート
クラシックな春/夏の色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>
ラーク
ネイビーブレザー
ブリリアントホワイト
灰
2020年秋冬カラー
アンバーグロウ
サンバ
砂岩
クラシックブルー
グリーンシーン
ローズタン
ウルトラマリングリーン
耐火レンガ
ピーチヌガー
マゼンタパープル
2019年春のファッションカラー
例
<div class="w3-2019-fiesta">Fiesta</div>
<div class="w3-2019-princess-blue">Princess Blue</div>
フィエスタ
道化師赤
ターメリック
生きている珊瑚
ピンクの孔雀
コショウの茎
アスペンゴールド
プリンセスブルー
タフィー
マンゴーモヒート
テラリウムモス
甘いライラック
大豆
Eclipse
スイートコーン
茶色の花崗岩
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>
唐辛子
バイキングレッド
ピーチクリーム
ピーチピンク
ロッキーロード
ヒメアオバト
シュガーアーモンド
ダークチェダー
ギャラクシーブルー
ブルーストーン
オレンジタイガー
エデン
クラシックカラー2019年秋冬
バニラカスタード
イブニングブルー
パロマ
グアカモーレ
ファッションカラーはColors2019から選択されています。
ファッションカラー2018
| w3-2018-赤梨 |
| w3-2018-valiant-poppy |
| w3-2018-星雲-青 |
| w3-2018-セイロン-イエロー |
| w3-2018-マティーニ-オリーブ |
| w3-2018-ラセット-オレンジ |
| w3-2018-紫外線 |
| w3-2018-クロッカス-花びら |
| w3-2018-脚光を浴びる |
| w3-2018-quetzal-グリーン |
| w3-2018-サルガッソ海 |
| w3-2018-tofu |
| w3-2018-アーモンドバフ |
| w3-2018-静かな灰色 |
| w3-2018-ミーアキャット |
| w3-2018-meadowlark |
| 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>
ファッションカラーはColors2018から選択されています。
ファッションカラー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>
The fashion colors are selected from Colors 2017.