Color Harmony

In the Mobile App Design class at SVCTE, students must create and identify various color schemes using the Adobe Color web site. They must lay out these color schemes on an HTML web page. They could use these color schemes in the future for their various projects.

In this project, we let the slider at the bottom determine a base hue from which we calculate some color schemes according to their rules. The hue slider does not allow as many variations at the Adobe Color web site, but it is quicker.

Complementary

         
         

Analogous

         
         

Split Complementary

         
         

Monochromatic

         
         

Base Hue: