CSS4 Color Keyword Distribution
A visualization of the 135 non-gray (or -grey) color keywords in CSS4, distributed by hue angle; and the 13 gray (grey) color keywords, distributed by lightness. In cases where two keywords have exactly the same hue angle (for colors) or lightness values (for grays), they are shown twice, not once.
The image can be zoomed with a mouse scrollwheel, and dragged while holding down the primary mouse button. Zoom and movement buttons accessible from the keyboard are on the roadmap.
- Keyboard-accessible buttons for zooming in and out.
- Keyboard-accessible buttons for moving the image in a manner similar to mouse dragging.
Figuring out how to convert the mouse movement distance to SVG coordinate space, so that dragging doesn’t move faster or slower than mouse pointer movement.
- Support for touch events.