Skip to content

Interactive Diagram of Named CSS Colors

Andrés Ujpán
Published date:
1 min read

Named colors in CSS are a fascinating feature that allows us to use descriptive names like “crimson”, “teal”, or “lavender” instead of hexadecimal codes. This interactive diagram displays all named CSS colors organized visually.

How does it work?

This diagram uses the Voronoi algorithm to create regions based on color similarity. Each region represents a named CSS color, and you can interact with it to see its name and value.

Previous Post
What Happens When "Half the Internet" Goes Down? Lessons from the Critical AWS US-EAST-1 Outage
Published date:
3 min read
Recommended Read
How to Create a Portfolio with GitHub Pages
Updated date:
3 min read
100%