Colors w3css - Asp-1
Colors w3css - Asp-1
W3.CSS Colors
❮ Previous Next ❯
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 »
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 »