coding help
Icon Magnifying Lens LR24
This page contains external links.
Be mindful of where you click. We do our best to link to reliable, safe websites. Still, you're responsible for your own internet safety.

Introduction

Named Colors, also called Common Color Names (referred to as CCN in this article) are the one hundred forty browser-supported colors. They can be used as alternatives to RGB/RGBA and Hex Codes. CCNs can be used in HTML, CSS, and WikiText. Named Colors are always one word, and can have variations (though not all variations are supported), such as gray/grey.

Full list

For a full list of color code names, go to HTML color codes (external) site. There, you will also find the colors in RGB and Hex. There are many other places you can get color code names from, but I find this one most helpful, as it has RGB and Hex as well as the CCN.

Here is a preview of all the named colors:

Screenshot 2021-05-19 2.43.36 PM
Screenshot 2021-05-19 2.44.35 PM
Screenshot 2021-05-19 2.45.00 PM
Screenshot 2021-05-19 2.45.46 PM

Examples

To use a CCN, simply go to the above link and choose a color. Then, use it in a color attribute, such as text color, or background. Below are some examples:

A MediumSlateBlue text color

A DarkMagenta Background with a white text color

A MediumSpringGreen text shadow.

A MediumBlue Border

A multicolored MediumSpringGreen, MediumBlue, and DarkMagenta border


A MediumSpringGreen, MediumBlue, DarkMagenta, and MediumSlateBlue background linear gradient with a white text color


A MediumSpringGreen, MediumBlue, DarkMagenta, and MediumSlateBlue linear gradient border


A MediumSpringGreen, MediumBlue, DarkMagenta, and MediumSlateBlue text gradient


A DarkMagenta Box Shadow


A MediumSpringGreen, MediumBlue, DarkMagenta, and MediumSlateBlue background radial gradient with a white text color


A MediumSlateBlue side border with a white background


A scrollbox with a MediumBlue background and a white text color


A DarkMagenta and MediumSlateBlue conic gradient with a white text color