🎨

Professor de Teoria das Cores

Aprenda e aplique a teoria das cores gerando paletas de cores harmoniosas para vários esquemas como complementares, análogos, triádicos e monocromáticos. Entenda os princípios por trás de belas combinações de cores.

color learning design

Settings

RGB(52, 152, 219)

Generated Colors

Select a base color and a harmony to see the generated scheme and its explanation.

About the Color Theory Teacher

The Color Theory Teacher is an interactive tool designed to demystify the principles of color theory for designers, artists, and developers. Explore various color harmonies and generate beautiful palettes with ease, deepening your understanding of how colors work together.

Understanding Color Harmonies:

  • Monochromatic: Uses different shades, tints, and tones of a single color. Creates a subtle, cohesive, and elegant look.
  • Analogous: Employs colors that are adjacent to each other on the color wheel. These palettes are usually harmonious and provide a relaxed, comfortable feel.
  • Complementary: Consists of two colors directly opposite each other on the color wheel. This scheme offers high contrast and visual dynamism, making colors pop.
  • Triadic: Utilizes three colors equally spaced around the color wheel. Triadic palettes are vibrant and offer a good balance of contrast and harmony.
  • Tetradic (Rectangle): Uses four colors arranged in two complementary pairs, forming a rectangle on the color wheel. This is a rich and complex scheme, providing great versatility but requiring careful balance.
  • Shades: Darker variations of a color, created by adding black to the pure hue. They add depth and richness to a palette.
  • Tints: Lighter variations of a color, created by adding white to the pure hue. Tints evoke softness, airiness, and a delicate aesthetic.

How to use:

  1. Set your Base Color: Use the color picker or input a HEX code to define your starting color.
  2. Choose a Color Harmony: Select a scheme (e.g., Complementary, Monochromatic) from the dropdown. For Analogous, you can adjust the angle.
  3. Generate Scheme: Click the "Generate Scheme" button to instantly see your new color palette and a brief explanation of the chosen harmony.
  4. Copy & Apply: Each color swatch displays its HEX, RGB, and HSL values. Use the "Copy All Hex Codes" button to quickly grab the entire palette for your projects.