CSS Colors Quiz

CSS Colors Quiz

Everything you wanted to know about CSS Color. Explore your knowledge depth by attempting CSS Colors Quiz.

1 / 20

Which of these is a common mistake when choosing text color?

Using named colors

Ignoring contrast

Using hex codes

2 / 20

How can you apply gradient text color in CSS?

Using background-clip with a gradient

Using color-gradient property

Using linear-gradient for text

3 / 20

Which of the following is a CSS Variable?

var(--main-color)

main-color: blue;

color-variable: #000;

4 / 20

Which tool helps ensure text color contrast is accessible?

HTML Validator

Font Sizer

Pro Contrast Checker Tool

5 / 20

Which media query adjusts text color for small screens?

@screen

@media

@query

6 / 20

Which CSS property is used to change the color of links?

a { color: blue; }

a { font-color: blue; }

a { background-color: blue; }

7 / 20

What does the H in HSL stand for?

Hue

Heat

Highlight

8 / 20

Which of these color models uses transparency?

RGB

RGBA

Hexadecimal

9 / 20

How do you change the text color inside an <h1> tag?

h1 { color: green; }

h1 { font-color: green; }

h1 { background-color: green; }

10 / 20

Which format uses percentages to represent colors?

Hexadecimal

HSL

Named Colors

11 / 20

Which value represents 100% opacity in RGBA?

0.8

12 / 20

Which pseudo-class changes the text color when a link is hovered?

:focus

:hover

:active

13 / 20

How do you make text slightly transparent?

Use rgba(255, 0, 0, 0.5)

Use hsl(120, 100%, 50%)

Use #FF0000

14 / 20

Which named color is valid in CSS?

lightblue

oceanblue

lightcyanblue

15 / 20

How can you apply color to a <p> element?

p { background-color: blue; }

p { color: blue; }

p { font-color: blue; }

16 / 20

What is the maximum value for red in RGB?

200

150

255

17 / 20

Which of these is a valid hex color code?

#FF5733

rgb(255, 87, 51)

#FF57334345

18 / 20

Which value makes text fully transparent in RGBA?

0.5

19 / 20

What does RGBA stand for?

Red Green Blue Alpha

Red Gradient Blue Alpha

Red Gold Blue Alpha

20 / 20

Which property is used to change text color?

background

font-color

color

Your score is

The average score is 88%

Check out our Quiz Page to test more of your web development knowledge.

Read our detailed post on “How to Change Text Color in CSS: Everything You Wanted to Know”.

Share on Facebook

Post on X

Save

Comments

Leave a Reply Cancel reply

Table of Contents