Home▸Categories▸Colour Science & Perceptual Design

🌈 Colour Science & Perceptual Design

Colour harmony rules and the psychophysics behind how humans perceive and combine hues.

4 simulations60 fps real-time0 install steps

Contrast Ratio Field MapNew📱A 2D heatmap over the full background/text luminance space shows every WCAG AA and AAA…

Dark Mode Contrast & Luminance LabNew📱Pick a background and text color and watch the WCAG sRGB-gamma-corrected relative luminance…

Color Theory Explained: CIE Chromaticity & Gamut SimulatorNew📱Plot the visible spectral locus from real CIE 1931 color-matching functions, tune an…

Colour HarmonyNew📱Colour harmony rules: complementary, triadic, HSL colour wheel and perceptual design principles.

About the category

Colour Science & Perceptual Design

Colour harmony rules and the psychophysics behind how humans perceive and combine hues.

Three.js · WebGL 60 FPS CC BY 4.0

Quick facts

4interactive simulations in this category

⚡runs at 60 FPS in any modern browser

🌐English, Ukrainian, Polish, Spanish, German, Japanese, Italian, Portuguese (Brazil), French, Arabic, Dutch, Chinese, Korean, Hindi, Turkish, Vietnamese, Russian, Indonesian, Persian, Bengali, Thai, Filipino, Swahili, Urdu, Malay, Tamil, Hebrew, Greek, Punjabi, Amharic, Burmese, Khmer, Georgian, Nepali, Mongolian, Armenian, Sinhala, Lao, Czech, Romanian, Hungarian, Bulgarian, Swedish, Danish, Finnish, Norwegian, Slovak, Croatian, Serbian, Slovenian, Lithuanian, Latvian, Estonian, Icelandic, Albanian, Macedonian, Bosnian, and Maltese

🎓CC BY 4.0 — free for classrooms and LMS embeds

Frequently asked questions

Do I need to install anything to run Colour Science & Perceptual Design simulations?▾

No. Everything runs entirely in your browser — no downloads, plugins or accounts. Works in Chrome, Firefox, Edge and Safari; most simulations also work on mobile.

Can I use these simulations for teaching?▾

Yes — all content is free for educational use under CC BY 4.0. Link to any simulation directly or embed it in your LMS with an iframe; no API key required.

Are the models scientifically accurate?▾

They use the same mathematical formulations as professional software, integrated numerically in real time. Each simulation lists its algorithms, and many link to an article explaining the mathematics.

Related categories

Computational Photography3 simulations→

Distributed & Parallel Computing55 simulations→

Ecology & Conservation Biology613 simulations→