100+ COLOR TEXT THAT CAN BE USED IN CSS

color text


Commonly Used CSS Color Text

Black

White

Red

Green

Blue

Yellow

Purple

Pink

Orange

Brown

Rarely Used CSS Color Text

Grey

Silver

Gold

Indigo

Cyan

Magenta

Lavender

Maroon

Teal

Olive

Crimson

Chartreuse

Aquamarine

PowderBlue

Turquoise

Beige

Violet

Coral

CornFlowerBlue

Tomato

Thistle

Salmon

MistyRose

Fuchsia

LightCoral

MediumPurple

MidnightBlue

PaleGreen

RosyBrown

Sienna

SteelBlue

DodgerBlue

DarkSlateGrey

HotPink

LightSkyBlue

NavajoWhite

PapayaWhip

SandyBrown

SkyBlue

Wheat

Darkoli-
vegreen

Darkorchid

FireBrick

ForestGreen

DarkSeaGreen

GoldenRod

LightPink

MediumT-
urquoise

OliveDrab

PeachPuff

SeaGreen

SlateBlue

AntiqueWhite

DarkKhaki

IndianRed

LightSalmon

MediumVi-
oletRed

PaleGoldenRod

SlateGrey

Chocolate

DarkSalmon

LavenderBlush

MediumAq-
uaMarine

PaleTur-
quoise

SaddleBrown

Tan

Bisque

DarkSlateBlue

LawnGreen

MediumSe-
aGreen

PaleVioletRed

SeaShell

Teal

BlanchedAlMond

CornSilk

DarkTurquoise

LemonChiffon

MediumSlate-
Blue

BlueViolet

DarkViolet

MintCream

Snow

BurlyWood

Gainsboro

HoneyDew

OldLace

MediumSpring-
Green

Ivory

GhostWhite

DimGray

Plum

Peru

RoyalBlue

Khaki

LightCyan

DeepSkyBlue

LightYellow

LightGreen

LightSlateGray

DarkBlue

DarkGreen

DarkMagenta

LightGolden-
RodYellow

LightGray

LightSteelBlue

DarkOrange

DarkRed

DeepPink

Comments

Post a Comment

Popular posts from this blog

HOW TO CREATE A ROLLING WORLD WITH CSS ONLY

Image
Making CSS interactive and practicing with different ideas are ways to understanding it and even learn it fast. This does not only apply to CSS but to any other language to want to learn.  In this article, we are going to have fun with css by creating a rolling world as the preview above.  For this, we are going to need the following : 1. The table 2. The environment for the square 3. The 3D sphere 4. And some animations The table The golden background table is a div element with a background, and some inset border and shadow. Create a div element and assign the following attributes to it. Here is the code : .table{ height: 170px; padding: 0; margin: 20px 5px; display: flex; align-items: center; overflow: hidden; background: radial-gradient(circle at 30% 30%,#FFBE61 1%,#E28300 95%); border: 10px solid #3AC800; border-style: inset; box-shadow: inset 10px 10px 8px rgba(0,0,0,.4); } In...
Read more