(function openLouie() { let louie = document.getElementById("Dropdown-Toggle-14"); louie.classList = "host-toggle w-dropdown-toggle w--open"; console.log(louie); })();


Hue, Saturation, Brightness

Hue: Represents each color formed by different wavelengths of light. Like blue, yellow, green.

Saturation: It refers to the purity and brightness of the color. The brighter the color, the more saturated it is. A color with maximum saturation has no gray at all. They are described as rich, saturated, lively, satiated. Low-saturation colors contain gray and are described as dim, muted and dull.

Brightness: Indicates how light or dark the color is. The brightness of the color is changed by mixing in white or black. Color mixed with white is a lighter shade of that color. Color mixed with black is a darker shade of that color.


RGB is a model that allows electronic devices to create colors using light. In this model, all other colors consist of a mixture of Red Green and Blue in different percentages.

The hex code combines these three values ​​to represent a color in RGB format. Hex codes make it easy to find or copy the same color every time without dealing with percentages.


The Alpha channel is the channel that determines how transparent an image or color will be. When you lower the alpha value, the transparency increases.

Color Combinations


A combination of light and dark values ​​of a single color on the color wheel. It creates a strong atmosphere. It is easier to focus on details. A clean and elegant design emerges. Attention should be paid to the parts you want to make stand out. The design can be balanced with neutral colors.


It is created by selecting colors that are adjacent to each other on the color wheel. Calm, soft designs that do not tire the eyes can be obtained. To create the emphasis, attention should be paid to the contrast. Emphasis is better provided if one color is chosen as the dominant color and supported by the others.


It is created by using two opposite colors on the color wheel. Because contrasting colors complement each other, they create an exciting and lively harmony that is pleasing to the eye. One color should be more dominant than the other. Using both colors at the same time can benefit the eye and create confusion.


It is the color harmony that occurs when we draw a triangle on the color wheel. These colors are equidistant from each other in the color wheel. A striking and dominant effect can be created. One color should be chosen dominant and the others should be balancing.

Split Complementary

It creates less contrast than complementary colors. It is less viable. There are two more colors besides the accent color. Softer designs can be created. It is easy to apply.

Double Complementary

It is formed by the use of two pairs of opposite colors. Dominant colors should be noted. One contrasting color group can be used for emphasis, while other contrasting colors can be used as a complement.

Web Safe Color Palette

Web-Safe Colors consists of 216 colors that can display at least 8-bit color (256 colors), displaying steady, flicker-free, and consistent on any computer monitor or web browser. Using these colors in your designs is very important for the user experience.

Source: htmlcolorcodes.com

Source: colorhunt.co

Simplicity Meets High Performance

Free edition subscription
Keep your work
No credit card required to try