If you've read my article on color harmony you will know that color triads are color groups that work well together and bring a lot of life to a design. Using hexadecimal color codes, it's easy to create color triads from any color set you might have.
A very basic color triad might be orange, purple, and sea-gren. These are written #fc0, #c0f, and #0fc in CSS color shorthand. In this color triad the three characters are f, c, and 0. By changing the combination of the triplets, you can create different colors that are harmonious with one another. Here's how to do it.
- Pick your primary color.
For the above color scheme, I used orange: #fc0.
- Rotate the characters so that the three characters are in completely different positions.
I put f last, c first, and 0 in the middle. This gave me a light purple color: #c0f
- Rotate the characters one final time so that they are all in different positions.
There is only one combination left where the characters have not been in those positions, a sea-green: #0fc
You can do this with non-browser-safe colors as well, just treat each double character as you did the single characters. For example, in my iris layout I used: blue #859CFE, pink #FE859C, and green #9CFE85. The three double character groups are 85, 9c, and fe.