# Color Tetrad

Generate tetradic color schemes with four colors arranged in rectangular patterns on the color wheel, creating rich and complex color relationships

> Canonical page: https://elysiatools.com/en/tools/color-tetrad

- **Category:** Design

- **Keywords:** color, tetrad, tetradic, rectangle, four colors, color harmony, color scheme, complex relationships, complementary pairs

## Overview

The Color Tetrad tool generates balanced, four-color palettes by arranging hues in precise rectangular or square patterns on the color wheel, enabling the creation of rich and sophisticated color harmonies for design projects.

## Inputs

- **Base Color** (color)
- **Rectangle Type** (select)
- **Hue Adjustment (degrees)** (number): Custom angle adjustment for rectangle type
- **Saturation Adjustment** (number): Multiplier for saturation (0.5-2.0)
- **Lightness Adjustment** (number): Adjust lightness (-0.3 to 0.3)
- **Include Base Color** (checkbox)
- **Show HEX Codes** (checkbox)
- **Show RGB Values** (checkbox)
- **Show HSL Values** (checkbox)
- **Generate Color Variations** (checkbox)

## When to use

- When you need a vibrant, multi-colored palette that maintains visual balance.
- When designing complex interfaces or illustrations that require distinct color groupings.
- When you want to explore professional color relationships beyond simple monochromatic or complementary schemes.

## How it works

- Select a base color using the color picker to define the starting point of your palette.
- Choose a rectangle type, such as Square or Complementary Pairs, to determine the geometric relationship between the four colors.
- Fine-tune the output by adjusting saturation, lightness, or specific hue angles to match your design requirements.
- View the generated color values in HEX, RGB, or HSL formats for immediate use in your design software.

## Use cases

- Creating high-contrast UI dashboards that require distinct color-coding for different data categories.
- Developing bold, eye-catching brand identities that utilize a diverse set of harmonious colors.
- Generating complex illustration palettes that ensure visual depth and professional color balance.

## Frequently asked questions

### What is a tetradic color scheme?

A tetradic scheme uses four colors arranged into two complementary pairs, forming a rectangle or square on the color wheel.

### How does the 'Square' option differ from 'Rectangle'?

The Square option places all four colors at 90-degree intervals, while the Rectangle option uses 60-degree and 120-degree spacing.

### Can I adjust the colors manually?

Yes, you can use the Hue Adjustment, Saturation, and Lightness sliders to customize the generated colors to your preference.

### Are the color codes provided for all formats?

Yes, the tool can display HEX, RGB, and HSL values simultaneously based on your configuration settings.

### Is this tool suitable for print design?

Yes, the generated color values can be used in print design, though you should verify them against your specific CMYK color profile.

## Related tools

- [Color Analogous](https://elysiatools.com/en/tools/color-analogous): Generate harmonious analogous color schemes with adjacent colors on the color wheel, creating unified and peaceful combinations
- [Color Complement](https://elysiatools.com/en/tools/color-complement): Find complementary colors and create harmonious color schemes with triadic, tetradic, and analogous color relationships
- [Color Gradient Generator](https://elysiatools.com/en/tools/color-gradient-generator): Generate smooth color gradients between multiple colors with customizable steps and formats
- [Color Hue Shifter](https://elysiatools.com/en/tools/color-hue-shifter): Shift color hues and create variations with clockwise/counterclockwise hue rotation controls
- [Color Inverter](https://elysiatools.com/en/tools/color-inverter): Invert colors and create negative versions with RGB, HSL, and brightness inversion methods
- [Color Scheme Generator](https://elysiatools.com/en/tools/color-scheme-generator): Generate professional color schemes and palettes for design projects
- [Color Shade Generator](https://elysiatools.com/en/tools/color-shade): Generate darker variations of a color by adding black, creating rich shades for depth and contrast in design
- [Color Split Complement](https://elysiatools.com/en/tools/color-split-complement): Generate split complementary color schemes with harmonious contrast using base color and two adjacent colors to complement

## Samples

- [Color Code Samples](https://elysiatools.com/en/samples/color-code): Collection of color codes in various formats (Hex, RGB, HSL, named colors) for validation testing
- [Android Image Processing Java Samples](https://elysiatools.com/en/samples/android-image-processing-java): Android Java image processing examples including reading/saving images, scaling, and format conversion
- [Android Image Processing Kotlin Samples](https://elysiatools.com/en/samples/android-image-processing-kotlin): Android Kotlin image processing examples including reading/saving images, scaling, and format conversion
- [Web Image Processing Python Samples](https://elysiatools.com/en/samples/web-image-processing-python): Web Python image processing examples using PIL/Pillow including reading, saving, resizing, and format conversion

## Related content

- [Accessible Color System Design Tools](https://elysiatools.com/en/hubs/color-design-tools): Build a reusable color system by transforming colors, generating harmonies, checking contrast and color vision, and documenting tokens.
- [Color System and CSS Effect Design Workflow](https://elysiatools.com/en/hubs/design-generate): Extract a palette, build accessible color relationships, generate tokens, and apply CSS effects that stay consistent in real interface states.