Tetradic: Color Palette

| Feature | Capability | |---------|-------------| | | Keep one hue fixed while rotating the rectangle. | | Saturation/Temperature Tweak | Independently adjust saturation for each of the 4 colors. | | Live Preview | See tetradic scheme on a UI mockup or illustration. | | Export Formats | HEX, RGB, HSL, CMYK, or SCSS/LESS variables. | | Color Blind Simulation | Check if tetradic contrast remains distinguishable. | | Rectangle vs Square Toggle | Switch between even and uneven spacing. | | Angle Slider | Rotate the entire rectangle around the wheel. |

If you visualize a standard color wheel, a tetradic scheme is formed by placing a rectangle (or a square) on the wheel. The four corners of that shape touch four distinct hues. color palette tetradic

Because it involves four distinct hues, tetradic schemes can easily become chaotic or "noisy" if not handled with care. Designers often rely on these strategies: Tetradic Color Schemes | Feature | Capability | |---------|-------------| | |

In the world of color theory, the tetradic color scheme—often referred to as the "double complementary" scheme—is considered one of the most advanced and visually rich harmonic structures. While monochromatic schemes offer simplicity and complementary schemes offer high contrast, the tetradic scheme offers depth, variety, and a sophisticated balance that is difficult to achieve but highly rewarding when executed correctly. | | Export Formats | HEX, RGB, HSL,

The tetradic color palette is the "final boss" of color theory. It challenges the designer to manage four distinct voices and make them sing in unison rather than shouting over one another. When mastered, it allows for designs that are bold, multifaceted, and visually unforgettable, offering a depth that monochromatic or analogous schemes simply cannot achieve.

| Feature | Explanation | |---------|-------------| | | A variation: use colors adjacent to one of the complements instead of exact complement. | | Tone Mapping | Darken two colors, lighten two others to create depth. | | Cross-Pair Harmony | Mixing colors from different pairs to create neutrals. | | Gradient Tetradic | Create 4-stop linear/radial gradients using the tetrad. |