Welcome to the lab!

This is my workbench for mad science. Come to think of it, this whole site is one big experiment

And this page is a demonstration of how it all works. First out is:

Colors

Now that the introdutions has been covered, let's adjourn to the study.

D'you know of color theory?. I do, but am positively horrendous at picking colors. So, of course, I made a color system instead.

@supports ( color: oklch(100% 1 150) )

If you checked the link above about Color Theory, or if you already know some you might be familiar with Analogous, Triadic, Compound Harmony, or Complementary. Which is fancy speak for the different relationships between colors on a color wheel. Again, I won't pretend to be knowledable beyond the basics.

Anyway, this system should be able to either give you some indication of how it works. Here, give it a whirl:

50
100
200
300
400
500
600
700
800
900
950
1000
Primary
50
100
200
300
400
500
600
700
800
900
950
1000
Secondary
50
100
200
300
400
500
600
700
800
900
950
1000
Tertiary
50
100
200
300
400
500
600
700
800
900
950
1000
Gray
50
100
200
300
400
500
600
700
800
900
950
1000