Accessibility
Color Contrast Matrix
64 palettes × 16 shades with WCAG contrast analysis
Color
Color Grid
Two-pane color explorer with typography testing and contrast
Color Theory
Color Harmony Game
Learn color harmonies through interactive challenges — complementary, triadic, split
Color
Color Picker
Visual color picker with HEX, RGB, and HSL values
CSS
CSS Filter Playground
Experiment with 9 CSS filters on images; 15 challenge levels
Layout
Align Shapes
Drag shapes onto a grid with snap and collision detection
Typography
Make Your Signature
See your name in 60+ handwriting and typography styles
Typography
Typography Playground
Font experimentation and typography learning tool
Color Literacy
Know the Colors
Tap to hear 500 colors with TTS pronunciation
Beauty
Lipstick Harmony
Color harmony tool for facial and lip color combinations
More from Funtainment
Frequently Asked Questions
Who are these tools for?
Designers, design students, web developers, and anyone curious about color theory, typography, or visual layout. Know the Colors is also great for children learning color names.
Is the Color Contrast Matrix WCAG compliant?
Yes, it tests all 64 palettes against WCAG 2.1 AA and AAA standards, showing pass/fail for both normal and large text.
Are these tools free?
Yes, all tools are completely free with no ads, no logins, and no tracking.