0% found this document useful (0 votes)
24 views

Colors w3css - Asp-1

css3 book

Uploaded by

Future Plant
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
24 views

Colors w3css - Asp-1

css3 book

Uploaded by

Future Plant
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

 Menu  Log in

    

W3.CSS Colors
❮ Previous Next ❯

W3.CSS Default Color Classes


W3.CSS is a modern CSS framework used for styling HTML pages.

The default color class used in W3.CSS is inspired by Material Design.

Material Design colors reflect the colors used in marketing, road signs, and sticky notes.

The following W3.CSS color classes can be used on any HTML element:

w3-red

w3-pink

w3-purple

w3-deep-purple

w3-indigo

w3-blue
w3-light-blue

w3-cyan

w3-aqua

w3-teal

w3-green

w3-light-green

w3-lime

w3-sand

w3-khaki

w3-yellow

w3-amber

w3-orange

w3-deep-orange

w3-blue-gray
w3-brown

w3-light-gray

w3-gray

w3-dark-gray

w3-black

w3-pale-red

w3-pale-yellow

w3-pale-green

w3-pale-blue
W3.CSS Text Color Classes
The following W3.CSS text color classes can be used on any HTML element:

On Black
w3-text-red

w3-text-pink

w3-text-purple

w3-text-deep-purple

w3-text-indigo

w3-text-blue

w3-text-light-blue

w3-text-cyan

w3-text-aqua

w3-text-teal

w3-text-green

w3-text-light-green

w3-text-lime

w3-text-sand

w3-text-khaki

w3-text-yellow

w3-text-amber

w3-text-orange

w3-text-deep-orange

w3-text-blue-gray

w3-text-brown

w3-text-light-gray
w3-text-gray

w3-text-dark-gray

w3-text-black

w3-text-white

On Gray
w3-text-red

w3-text-pink

w3-text-purple

w3-text-deep-purple

w3-text-indigo

w3-text-blue

w3-text-light-blue

w3-text-cyan

w3-text-aqua

w3-text-teal

w3-text-green

w3-text-light-green

w3-text-lime

w3-text-sand

w3-text-khaki

w3-text-yellow

w3-text-amber

w3-text-orange

w3-text-deep-orange
w3-text-blue-gray

w3-text-brown

w3-text-light-gray

w3-text-gray

w3-text-dark-gray

w3-text-black

w3-text-white

On White
w3-text-red

w3-text-pink

w3-text-purple

w3-text-deep-purple

w3-text-indigo

w3-text-blue

w3-text-light-blue

w3-text-cyan

w3-text-aqua

w3-text-teal

w3-text-green

w3-text-light-green

w3-text-lime

w3-text-sand

w3-text-khaki

w3-text-yellow

w3-text-amber
w3-text-orange

w3-text-deep-orange

w3-text-blue-gray

w3-text-brown

w3-text-light-gray

w3-text-gray

w3-text-dark-gray

w3-text-black

w3-text-white

Try It Yourself »

Hover Color Classes


The following W3.CSS hover color classes can be used on any HTML element:

w3-hover-red

w3-hover-pink

w3-hover-purple

w3-hover-deep-purple

w3-hover-indigo

w3-hover-blue
w3-hover-light-blue

w3-hover-cyan

w3-hover-aqua

w3-hover-teal

w3-hover-green

w3-hover-light-green

w3-hover-lime

w3-hover-sand

w3-hover-khaki

w3-hover-yellow

w3-hover-amber

w3-hover-orange

w3-hover-deep-orange

w3-hover-blue-gray
w3-hover-brown

w3-hover-light-gray

w3-hover-gray

w3-hover-dark-gray

w3-hover-black

w3-hover-pale-red

w3-hover-pale-yellow

w3-hover-pale-green

w3-hover-pale-blue

❮ Previous Next ❯

COLOR PICKER
LIKE US



Get certified
by completing
a course today!

Get started

CODE GAME

Play Game

Report Error

Forum
About

Shop

Top Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial

Top References
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference

Top Examples
HTML Examples
CSS Examples
JavaScript Examples
How To Examples
SQL Examples
Python Examples
W3.CSS Examples
Bootstrap Examples
PHP Examples
Java Examples
XML Examples
jQuery Examples

Web Courses
HTML Course
CSS Course
JavaScript Course
Front End Course
SQL Course
Python Course
PHP Course
jQuery Course
Java Course
C++ Course
C# Course
XML Course

Get Certified »

You might also like