Augmented Sunset UI Blend

Warm Coral
#ff8272
Sky Fade
#77c8ff
Radiant Amber
#ffd97a
Lilac Whisper
#e4c2ff
Pale Cloud
#f7f7f7
Iron Slate
#333537

Paleta składa się z kolorów Światło. Kolory akcentujące Radiant Amber #ffd97a i Lilac Whisper #e4c2ff. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.

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

Nasycenie wydaje się żywe (wysoka chroma).

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): #333537, #77C8FF, #E4C2FF, #F7F7F7, #FF8272, #FFD97A

Paleta Augmented Sunset UI Blend zawiera kombinację kolorów kodów 6:

KLĄTWA: #ff8272, RGB: (255, 130, 114); KLĄTWA: #77c8ff, RGB: (119, 200, 255); KLĄTWA: #ffd97a, RGB: (255, 217, 122)

KLĄTWA: #e4c2ff, RGB: (228, 194, 255); KLĄTWA: #f7f7f7, RGB: (247, 247, 247); KLĄTWA: #333537, RGB: (51, 53, 55)

Uproszczona wersja palety kolorów

Cień salmon, Odcień lightskyblue, Odcień Khaki, Cień plum, Cień whitesmoke, Cień Czarny

Schemat kolorów został stworzony przez colorday

Więcej palet z:

Kody kolorów w palecie

Augmented Sunset UI Blend kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#ff8272	#ff8272	RGB(255, 130, 114)	Warm Coral	—
#77c8ff	#77c8ff	RGB(119, 200, 255)	Sky Fade	—
#ffd97a	#ffd97a	RGB(255, 217, 122)	Radiant Amber	Pina
#e4c2ff	#e4c2ff	RGB(228, 194, 255)	Lilac Whisper	—
#f7f7f7	#f7f7f7	RGB(247, 247, 247)	Pale Cloud	Lynx White
#333537	#333537	RGB(51, 53, 55)	Iron Slate	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#ff8272	#77c8ff	1.32
#ff8272	#ffd97a	1.77
#ff8272	#e4c2ff	1.54
#77c8ff	#ffd97a	1.34
#77c8ff	#e4c2ff	1.17
#77c8ff	#f7f7f7	1.7

Paleta obrazów Augmented Sunset UI Blend png

--color-warm-coral:	#ff8272;
--color-sky-fade:	#77c8ff;
--color-radiant-amber:	#ffd97a;
--color-lilac-whisper:	#e4c2ff;
--color-pale-cloud:	#f7f7f7;
--color-iron-slate:	#333537;

$color-warm-coral:	#ff8272;
$color-sky-fade:	#77c8ff;
$color-radiant-amber:	#ffd97a;
$color-lilac-whisper:	#e4c2ff;
$color-pale-cloud:	#f7f7f7;
$color-iron-slate:	#333537;

@color-warm-coral:	#ff8272;
@color-sky-fade:	#77c8ff;
@color-radiant-amber:	#ffd97a;
@color-lilac-whisper:	#e4c2ff;
@color-pale-cloud:	#f7f7f7;
@color-iron-slate:	#333537;