All modern browsers support the following 140 color names (click on a color name, or a hex value, to view the color as the background-color along with different text colors): For a full overview of CSS colors, visit our colors tutorial.

Get HTML color codes, Hex color codes, RGB, HSL and OKLCH values with our color pickers, color wheel, color chart and HTML color names. Let's go!

January 19, 2026 - The CSS data type is the name of a color, such as red, blue, black, or lightseagreen. Syntactically, a is an .

Tip: Use a background color combined with a text color that makes the text easy to read. ... The numbers in the table specify the first browser version that fully supports the property. ... If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail: sales@w3schools.com · If you want to report an error, or if you want to make a suggestion, send us an e-mail: help@w3schools.com · 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

December 16, 2025 - The <system-color> CSS data type usually reflects the default color choices used for the different parts of a web page.

All about CSS Color Codes, includes color picker and hex color chart.

Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.

June 26, 2025 - Each pair represents red (RR), blue (BB), and green (GG). Each value in the pair can go from 00 to FF, which it’s equivalent to 255 in rgb(). Notice how I used caps for the letters (F) and not lowercase letters like I did previously?

These buttons use a style that includes two contrasted colors creating an impressive mesh gradient effect.

October 30, 2025 - Color can be applied to elements ... example, adding color to an element’s background or border. ... In CSS, colors are specified using predefined color names, or RGB, HEX, HSL, RGBA, HSLA values....

October 11, 2023 - That from keyword, when seen as the first parameter in functional notation, turns the color definition into a relative color! After the from keyword, CSS expects a color, a color that will inspire the next color.

CSS color codes and names.

July 1, 2025 - Colors transition outwards from a central point, creating a circular or elliptical effect. Create striped or patterned effects by repeating a gradient pattern. Tip – Gradient Generators: Online tools make creating and customizing gradients a breeze. CSS allows you to create smooth color changes, adding a touch of interaction and visual appeal to your websites.

Generate, edit, save and share Tailwind CSS color shades based on a given hexcode or HSL color.

January 23, 2023 - This page provides resources for working with CSS Name Colors. It contains Named Color groups, palettes, favorites, and even fun facts.

December 16, 2025 - There are two primary ways of defining an RGB color by its red, green, and blue components in CSS — hexadecimal and rgb() values. Like named colors, these methods use the RGB model and are associated with the sRGB (srgb) color space.

280 handpicked colors ready for COPY & PASTE

Desired Hex or RGB Color · Get Filter! Real pixel: RGB rgb(0, 0, 0) Copy HEX #000 Copy · Filtered pixel, style applied through CSS ·

/* To be used in combination with a base border class i.e something like .border { border-style: solid; border-width: 1px; } */ .border--aqua { border-color:#7FDBFF;} .border--black { border-color:#000000;} .border--blue { border-color:#0074D9;} .border--fuchsia { border-color:#F012BE;} .border--green { border-color:#2ECC40;} .border--lime { border-color:#01FF70;} .border--maroon { border-color:#85144B;} .border--navy { border-color:#001F3F;} .border--olive { border-color:#3D9970;} .border--orange { border-color:#FF851B;} .border--purple { border-color:#B10DC9;} .border--red { border-color:#FF4136;} .border--silver { border-color:#DDDDDD;} .border--gray { border-color:#AAAAAA;} .border--teal { border-color:#39CCCC;} .border--white { border-color:#FFFFFF;} .border--yellow { border-color:#FFDC00;}

The most common format is the hexadecimal representation, which uses a six-digit alphanumeric code preceded by a pound sign (#). This code combines values for red, green, and blue (RGB) to create a wide spectrum of colors.