よくある質問
Color harmonies are combinations of colors that are visually pleasing based on their positions on the color wheel. The main types are: complementary (opposite colors), analogous (adjacent colors), triadic (three equally spaced), split-complementary (a color plus the two adjacent to its complement), and tetradic (four colors forming a rectangle). Each harmony creates a different mood — complementary feels vibrant and high-contrast, while analogous feels calm and cohesive.
Complementary uses two colors directly opposite on the color wheel (180° apart), creating maximum contrast. Split-complementary takes one base color and pairs it with the two colors adjacent to its complement (typically 150° and 210°). Split-complementary retains the visual tension of complementary but is easier to balance — it provides contrast without the intensity, making it a popular choice for beginners.
Most effective design palettes use 3 to 5 colors: one primary, one or two secondary, and one or two accent colors. The 60-30-10 rule suggests using your dominant color for 60% of the design, a secondary for 30%, and an accent for 10%. Having too many colors creates visual noise, while too few can make a design feel monotonous. Neutral tones (grays, whites, blacks) are used in addition and don't count toward the palette.
Start with the color that best represents your brand or mood. Consider color psychology: blue conveys trust and professionalism, red evokes energy and urgency, green suggests nature and growth. Test your base color at different lightness levels to ensure it works for both text and backgrounds. Saturated colors (high chroma) work well as accents, while desaturated versions serve better as primary background or text colors.
Yes. Each color in the generated palette links to its dedicated ColorFYI page with full format conversions. You can copy individual hex values by clicking on them, or use the Copy All button to get the entire palette as comma-separated hex codes — ready to paste into your CSS, Figma, Tailwind config, or any design tool.