Digital Calm Cognitive System

Midnight Gray
#1b1d1f
Sea Mint
#8ffae4
Coral Tint
#ff9c8e
Butter Frost
#fff3a9
Cloud White
#f8f9fa
Graphite Shadow
#2b2c2c

Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące Butter Frost #fff3a9 i Cloud White #f8f9fa. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.

Według jasności paleta rozciąga się od #1B1D1F (najciemniejszy) do #F8F9FA (najjaśniejszy). Zakres jasności jest szeroki.

Nasycenie jest mieszane — część próbek stonowana, część żywsza.

Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).

Ogólna temperatura barw przechyla się ku ciepłu.

Kody HEX (posortowane): #1B1D1F, #2B2C2C, #8FFAE4, #F8F9FA, #FF9C8E, #FFF3A9

Paleta Digital Calm Cognitive System zawiera kombinację kolorów kodów 6:

KLĄTWA: #1b1d1f, RGB: (27, 29, 31); KLĄTWA: #8ffae4, RGB: (143, 250, 228); KLĄTWA: #ff9c8e, RGB: (255, 156, 142)

KLĄTWA: #fff3a9, RGB: (255, 243, 169); KLĄTWA: #f8f9fa, RGB: (248, 249, 250); KLĄTWA: #2b2c2c, RGB: (43, 44, 44)

Uproszczona wersja palety kolorów

Cień Czarny, Cień aquamarine, Cień salmon, Cień palegoldenrod, Cień whitesmoke, Cień Czarny

Schemat kolorów został stworzony przez colourlock

Więcej palet z:

Kody kolorów w palecie

Digital Calm Cognitive System kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#1b1d1f	#1b1d1f	RGB(27, 29, 31)	Midnight Gray	—
#8ffae4	#8ffae4	RGB(143, 250, 228)	Sea Mint	—
#ff9c8e	#ff9c8e	RGB(255, 156, 142)	Coral Tint	—
#fff3a9	#fff3a9	RGB(255, 243, 169)	Butter Frost	—
#f8f9fa	#f8f9fa	RGB(248, 249, 250)	Cloud White	—
#2b2c2c	#2b2c2c	RGB(43, 44, 44)	Graphite Shadow	—

Kontrast palety kolorów

7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#1b1d1f	#2b2c2c	1.2
#8ffae4	#ff9c8e	1.63
#8ffae4	#fff3a9	1.09
#8ffae4	#f8f9fa	1.17
#ff9c8e	#fff3a9	1.79
#ff9c8e	#f8f9fa	1.91

Paleta obrazów Digital Calm Cognitive System png

--color-midnight-gray:	#1b1d1f;
--color-sea-mint:	#8ffae4;
--color-coral-tint:	#ff9c8e;
--color-butter-frost:	#fff3a9;
--color-cloud-white:	#f8f9fa;
--color-graphite-shadow:	#2b2c2c;

$color-midnight-gray:	#1b1d1f;
$color-sea-mint:	#8ffae4;
$color-coral-tint:	#ff9c8e;
$color-butter-frost:	#fff3a9;
$color-cloud-white:	#f8f9fa;
$color-graphite-shadow:	#2b2c2c;

@color-midnight-gray:	#1b1d1f;
@color-sea-mint:	#8ffae4;
@color-coral-tint:	#ff9c8e;
@color-butter-frost:	#fff3a9;
@color-cloud-white:	#f8f9fa;
@color-graphite-shadow:	#2b2c2c;