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 colors
REVERSE
It's a color with 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
It's a color with a significantly shifted hue compared to the specified color.
It is very noticeable when used as an accent color, but not as bad as the complementary color.
It is very noticeable when used as an accent color, but not as bad as the complementary color.
similar color
SIMILAR
It's a hue slightly shifted from the designated color.
When used in combination with the specified color, it feels stable and natural.
When used in combination with the specified color, it feels stable and natural.
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
The designated color is used as the header color, the top right button is a prominent split complementary color, and the header of each item is a natural triad.
This is an image of the website if you choose this option.
This is an image of the website if you choose this option.
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, including for commercial purposes.
The developer is not responsible for any damages resulting from the use of this tool.
You are free to use this tool, including for commercial purposes.
The developer is not responsible for any damages resulting from the use of this tool.
