MMGames
Read it right next to your computer.
Book version bitter C
Complementary, analogous, and triad. Related Color Generator
Complementary, analogous, and triad. Related Color Generator
Overview
ABOUT
This tool calculates related colors that are easy to combine based on the specified colors.
You don't need to know anything about color to create a noble color scheme.
You don't need to know anything about color to create a noble color scheme.
Color selection
COLOR
Specified color
REVERSE
complementary color
REVERSE
The color is the opposite hue to the specified color.
When used as an accent color, it can be very noticeable, but it can also be perceived as too prominent and vulgar.
When used as an accent color, it can be very noticeable, but it can also be perceived as too prominent and vulgar.
division complement
REVERSEB
A color with a large hue shift relative to the specified color.
It stands out when used as an accent color, but it doesn't draw as much negative attention as a complementary color.
It stands out when used as an accent color, but it doesn't draw as much negative attention as a complementary color.
Analogous colors
SIMILAR
The color is a slightly shifted hue with respect to the specified color.
"It feels stable and natural when used in combination with specified colors."
"It feels stable and natural when used in combination with specified colors."
triad
TRIAD
The color is shifted by one-third of its hue with respect to the specified color.
"It feels natural when combined with a specified color, yet offers better differentiation compared to similar hues."
"It feels natural when combined with a specified color, yet offers better differentiation compared to similar hues."
Layout examples
LAYOUT
"Use the specified color for the header, a prominent split-complementary color for the top-right button, and a natural triad for each item's header."
The following is an image of the website when the
The following is an image of the website when the
About Usage
TERMS OF USE
Use of this tool is completely free of charge. The developer does not ask for any form of compensation.
You are free to use this tool for commercial use and any other purpose.
The developer assumes no responsibility for any damages resulting from the use of this tool.
You are free to use this tool for commercial use and any other purpose.
The developer assumes no responsibility for any damages resulting from the use of this tool.
