Color Tint (lighten)

Monet Femme Ombrelle 1886 Logo


A tint is a mixture of a color with white, which increases lightness.

When a color is tinted, the color is no more pure and is in-between on:

The inverse function is called shade that decrease lightness (increase darkness) by adding black

Tint is a mixture term such as tone, shade and pure hue

Shade Vs Tint Vs Tone Pure Hue Tint Tone Shade 1)



With the mix function, you can create a tint function.

@function tint-color($color, $weight) {
  @return mix(white, $color, $weight);

Discover More
Bootstrap - Why the primary color for an alert is not the same than for a button ?

This page explains why the primary color for an alert is not the same than for a button in Bootstrap and how to calculate the derived alert colors. huemonochromatic color scheme bootstrap uses a color...
Color - (Lightness|Value|Tone) (White, Gray, Black scale)

Lightness, also known as value or tone, is a property (coordinate) placed on a linear scale where: White is the highest possible value (the lightest) Black is the lowest value (the darkest) Gray...
Monet Femme Ombrelle 1886 Logo
Color - Mixture / Composite (Mix / Blend)

Color mixtures are a mixture of two colors. There is a lot of way to mix (or blend) two colors. The most known is the addition of primary color that creates composite colors (secondary, ..) located at...
Pure Hue Tint Tone Shade
Color - Pure Hue (Pure Color)

A hue is called pure without: any white, black, grey (no lightness) or complementary in it. The degree of purity of a hue is defined by the color intensity property. This is known as a natural value...
Subtractive Color Wheel
Color - RYB (Red, Yellow, Blue) color model

RYB (Red, Yellow, Blue) is a physical colorspace based on the subtractive property of the color where red, yellow, and blue are the primary colors used to create other colors. With white and black...
Pure Hue Tint Tone Shade
Color - Shade (Darken)

A shade is a a color function that increases darkness (ie decrease lightness). You can darken/shade with two methods: shade: a mixture with the black color. darken: decreasing the lightness directly...
Monochromatic Landing
Color Theme / Scheme

A color theme / scheme is a combination of colors used in an application design. They are palette but formed from only a couple of colors. The main types of color schemes are: , , . ...
Pure Hue Tint Tone Shade
Colore - Tone

A tone is produced either: by mixing a color with gray, or by both tinting and shading In either case, they affect the ligthness and saturation but not the hue This is a mixture term such as tint,...
Card Puncher Data Processing
Datacadamia - Data all the things

Computer science from a data perspective

Share this page:
Follow us:
Task Runner