Saturation: The purity of the color, measured on a scale from 0% to 100%.Hue: A value between 0 and 360, measured in degrees.It's far from the best, but it's simple enough to illustrate key differences between a hue-based model and a channel-based model like RGB. I've decided to go with the HSV color model for this tutorial. There are however a bunch off different ways to represent color, each with advantages over others. The RGB model is probably the most familiar, and represents a certain color using a red, green & blue channel. This is similar to the tetradic harmony but with less contrast.Ĭolor models are different ways of representing color. Square Harmony: Four colors evenly spaced around the color wheel.This provides a rich color palette but can be challenging to balance. Tetradic (Double-Complementary) Harmony: Four colors, in the form of two complementary color pairs.Triadic Harmony: Three colors evenly spaced around the color wheel.For example, red and green, or blue and orange. These combinations create high contrast and can be visually striking. Complementary Harmony: Colors that are opposite each other on the color wheel.For example, blue, blue-green, and green. Analogous Harmony: Colors that are next to each other on the color wheel.There are several types of color harmonies, including: Color harmonies are essential in various fields such as art, design, and fashion, as they help create aesthetically pleasing and balanced compositions. These combinations are based on the color wheel, a circular diagram of colors arranged by their chromatic relationship. Have you ever thought about color combinations – the way certain colors complement each other beautifully while others don't? That's something I'd like to deep dive into in todays post - by building a color picker which produces harmonic color combinations automatically.Ĭolor harmonies refer to combinations of colors that are visually pleasing and work well together.
This article was written as a "behind the scenes" of my very appreciated launch of "Harmony - A new kind of color picker".