CSS Color Challenges

Progressive challenges to learn CSS through colors

0 / 12 complete

Welcome! Ready to explore colors?

No name saved. You can stay anonymous.

Level 1 · Basics · Days 1–3

Color Naming

Five boxes, five named colors

Recreate the target using only CSS named colors (red, teal, coral…). No hex, rgb(), or hsl() allowed.

named colors background-color
Target
Your preview