Integrations ui design signup minimal

Pale Red-Violet
#d8688c
Pale Cerulean
#a1c6db
Eerie Black
#111424
Dark Blue-Gray
#5f719e
Dark Vanilla
#d1ce9b
Charcoal
#384355

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Pale Red-Violet #d8688c i Pale Cerulean #a1c6db. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.

Według jasności paleta rozciąga się od #111424 (najciemniejszy) do #A1C6DB (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 zimnu.

Kody HEX (posortowane): #111424, #384355, #5F719E, #A1C6DB, #D1CE9B, #D8688C

Paleta Integrations ui design signup minimal zawiera kombinację kolorów kodów 6:

KLĄTWA: #d8688c, RGB: (216, 104, 140); KLĄTWA: #a1c6db, RGB: (161, 198, 219); KLĄTWA: #111424, RGB: (17, 20, 36)

KLĄTWA: #5f719e, RGB: (95, 113, 158); KLĄTWA: #d1ce9b, RGB: (209, 206, 155); KLĄTWA: #384355, RGB: (56, 67, 85)

Uproszczona wersja palety kolorów

Odcień palevioletred, Odcień lightblue, Cień Czarny, Cień royalblue, Odcień palegoldenrod, Odcień darkslateblue

Schemat kolorów został stworzony przez colorswall

Więcej palet z:

Kody kolorów w palecie

Integrations ui design signup minimal kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#d8688c	#d8688c	RGB(216, 104, 140)	Pale Red-Violet	—
#a1c6db	#a1c6db	RGB(161, 198, 219)	Pale Cerulean	—
#111424	#111424	RGB(17, 20, 36)	Eerie Black	—
#5f719e	#5f719e	RGB(95, 113, 158)	Dark Blue-Gray	—
#d1ce9b	#d1ce9b	RGB(209, 206, 155)	Dark Vanilla	—
#384355	#384355	RGB(56, 67, 85)	Charcoal	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#d8688c	#a1c6db	1.85
#d8688c	#5f719e	1.44
#a1c6db	#d1ce9b	1.12
#111424	#384355	1.82

Paleta obrazów Integrations ui design signup minimal png

--color-pale-red-violet:	#d8688c;
--color-pale-cerulean:	#a1c6db;
--color-eerie-black:	#111424;
--color-dark-blue-gray:	#5f719e;
--color-dark-vanilla:	#d1ce9b;
--color-charcoal:	#384355;

$color-pale-red-violet:	#d8688c;
$color-pale-cerulean:	#a1c6db;
$color-eerie-black:	#111424;
$color-dark-blue-gray:	#5f719e;
$color-dark-vanilla:	#d1ce9b;
$color-charcoal:	#384355;

@color-pale-red-violet:	#d8688c;
@color-pale-cerulean:	#a1c6db;
@color-eerie-black:	#111424;
@color-dark-blue-gray:	#5f719e;
@color-dark-vanilla:	#d1ce9b;
@color-charcoal:	#384355;