W3.CSS

TRANG CHỦ W3.CSS Giới thiệu W3.CSS W3.CSS Màu sắc Vùng chứa W3.CSS Bảng điều khiển W3.CSS Biên giới W3.CSS Thẻ W3.CSS W3.CSS Mặc định Phông chữ W3.CSS W3.CSS Google Văn bản W3.CSS Vòng W3.CSS W3.CSS Padding Lề W3.CSS Màn hình W3.CSS Các nút W3.CSS W3.CSS Ghi chú Báo giá W3.CSS Cảnh báo W3.CSS Bảng W3.CSS Danh sách W3.CSS Hình ảnh W3.CSS Đầu vào W3.CSS Huy hiệu W3.CSS Thẻ W3.CSS Biểu tượng W3.CSS W3.CSS đáp ứng Bố cục W3.CSS W3.CSS Animations Hiệu ứng W3.CSS Thanh W3.CSS W3.CSS thả xuống Hiệp định W3.CSS Điều hướng W3.CSS Thanh bên W3.CSS Các tab W3.CSS Phân trang W3.CSS Thanh tiến trình W3.CSS Trình chiếu W3.CSS Phương thức W3.CSS Chú giải công cụ W3.CSS W3.CSS Grid Mã W3.CSS Bộ lọc W3.CSS Xu hướng W3.CSS Trường hợp W3.CSS Vật liệu W3.CSS Xác thực W3.CSS Phiên bản W3.CSS W3.CSS Mobile

W3.CSS Màu sắc

Các lớp màu W3.CSS Chất liệu màu W3.CSS Giao diện người dùng phẳng màu W3.CSS Giao diện người dùng Metro màu W3.CSS W3.CSS màu Win8 W3.CSS Color iOS W3.CSS Màu thời trang Thư viện màu W3.CSS Lược đồ màu W3.CSS Chủ đề màu W3.CSS Máy tạo màu W3.CSS

Xây dựng Web

Giới thiệu web HTML web CSS web JavaScript trên web Bố trí trang web Băng tần web Dịch vụ ăn uống trên web Nhà hàng web Kiến trúc sư web

Các ví dụ

Ví dụ về W3.CSS Bản trình diễn W3.CSS W3.CSS Mẫu

Người giới thiệu

Tham chiếu W3.CSS Tải xuống W3.CSS

Màu thời trang W3.CSS


Cách sử dụng màu thời trang

Màu sắc thời trang dễ sử dụng. Chỉ cần thêm một liên kết đến thư viện màu phù hợp:

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

Sau đó, thêm tên lớp vào phần tử HTML mà bạn muốn tô màu:

Thí dụ

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

  Tải xuống CSS »

Các màu thời trang được lựa chọn từ Màu sắc 2021 .


Màu sắc Xuân / Hè Nóng nhất 2021

Cúc vạn thọ

Cerulean

Rỉ sét

Soi sáng

Xanh lam Pháp

Tro xanh

San hô cháy

cây bạc hà

Phong lan thạch anh tím

Raspberry Sorbet


Màu sắc cổ điển của mùa xuân / mùa hè năm 2021

Thí dụ

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

  Tải xuống CSS »

Inkwell

Màu xám tối thượng

Kem bơ

Sương mù sa mạc

cây liễu


Màu sắc Xuân / Hè Nóng nhất 2020

Thí dụ

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

  Tải xuống CSS »

Flame Scarlet

Nghệ tây

Biscay Green

Lá thơm

Denim mờ

Vỏ cam

Màu xanh khảm

Ánh sáng mặt trời

San hô màu hồng

Thanh quê

Nho Compote



Màu sắc Xuân / Hè cổ điển 2020

Thí dụ

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

  Tải xuống CSS »

Chim sơn ca

Áo khoác hải quân

Trắng rực rỡ

Tro


Màu sắc Thu / Đông 2020

Amberglow

Samba

Sa thạch

Xanh cổ điển

Màu xanh lá cây Sheen

Rose Tan

Xanh lá mạ

Gạch nung

Peach Nougat

Đỏ tía


Màu sắc thời trang mùa xuân 2019

Thí dụ

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

    Tải xuống CSS »

Fiesta

Jester Red

nghệ

San hô sống

Con công màu hồng

Pepper Stem

Aspen vàng

Công chúa màu xanh

Kẹo bơ cứng

Mango Mojitos

Terrarium Moss

Tử đinh hương ngọt ngào

Đậu tương

Nhật thực

Bắp ngọt

Đá hoa cương nâu


Màu sắc thời trang mùa thu 2019

Thí dụ

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

    Tải xuống CSS »

Ớt

Đi xe đạp màu đỏ

Kem đào

Hồng đào

Đường gập ghềnh

Trái cây bồ câu

Đường hạnh nhân

Dark Cheddar

Galaxy Blue

Bluestone

Hổ cam

Vườn Địa Đàng


Màu sắc cổ điển Thu / Đông 2019

Kem sữa trứng va-ni

Màu xanh da trời buổi tối

Paloma

Guacamole

Màu sắc thời trang được lựa chọn từ Màu sắc 2019 .


Màu sắc thời trang 2018

w3-2018-red-lê
w3-2018-dũng sĩ-poppy
w3-2018-nebulas-blue
w3-2018-ceylon-màu vàng
w3-2018-martini-olive
w3-2018-russet-cam
w3-2018-cực tím
w3-2018-crocus-cánh hoa
w3-2018-ánh đèn sân khấu
w3-2018-quetzal-green
w3-2018-sargasso-sea
w3-2018-đậu hũ
w3-2018-almond-buff
w3-2018-yên tĩnh-xám
w3-2018-meerkat
w3-2018-meadowlark
w3-2018-anh đào-cà chua
w3-2018-little-boy-blue
w3-2018-ớt-dầu
w3-2018-bloom-dahlia
w3-2018-arcadia
w3-2018-hồng-hoàng
w3-2018-near-mauve
w3-2018-spring-crocus
w3-2018-chanh-punch
w3-2018 -ailor-blue
w3-2018-harbor-mist
w3-2018-warm-sand
w3-2018-sữa dừa

Thí dụ

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

    Tải xuống CSS »

Các màu thời trang được lựa chọn từ Màu sắc 2018 .


Màu sắc thời trang 2017

w3-2017-cây xanh
w3-2017-grenadines
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.