Color names in CSS - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a CSS color name?

A CSS color name is a predefined word that represents a specific color in CSS, like red, blue, or green. It lets you set colors without using codes.

beginner

Name three common CSS color names.

Three common CSS color names are black, white, and yellow. These are easy to remember and use.

beginner

How do you use a color name in CSS to change text color?

You use the color property with a color name. For example:

p { color: blue; }

This changes paragraph text to blue.

beginner

Are CSS color names case sensitive?

No, CSS color names are not case sensitive. Red, red, and RED all work the same.

beginner

Why might you choose a color name over a hex code?

Color names are easier to remember and type, especially for simple colors. Hex codes give more color choices but can be harder to read.

Which of these is a valid CSS color name?

A blue

B #blue

C 123blue

D blu3

Only 'blue' is a valid CSS color name. The others are invalid formats.

What CSS property changes the text color?

A background-color

B color

C font-color

D text-color

The 'color' property sets the text color in CSS.

Are CSS color names case sensitive?

A Only first letter matters

B Yes, always uppercase

C Yes, always lowercase

D No, case does not matter

CSS color names are not case sensitive; any case works.

Which color name will make text red?

A green

B blue

C red

D yellow

The color name 'red' sets the color red.

Why use color names instead of hex codes?

A They are easier to remember

B They offer more colors

C They are faster to load

D They are required in CSS

Color names are easier to remember and type than hex codes.

Explain how to use a CSS color name to change the background color of a webpage.

Think about the CSS property that controls background color.

List some advantages and disadvantages of using CSS color names compared to hex codes.

Consider simplicity versus variety.