Context-Aware Interaction Panel

Intent Cyan
#a0fff1
Condition Purple
#baabda
Response Fog
#f3f4f6
Option Peach
#ffd6c0
Focus Charcoal
#1f1f1f
State Blush
#fdc5dc

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Intent Cyan #a0fff1 i Option Peach #ffd6c0. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.

Według jasności paleta rozciąga się od #1F1F1F (najciemniejszy) do #F3F4F6 (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): #1F1F1F, #A0FFF1, #BAABDA, #F3F4F6, #FDC5DC, #FFD6C0

Paleta Context-Aware Interaction Panel zawiera kombinację kolorów kodów 6:

KLĄTWA: #a0fff1, RGB: (160, 255, 241); KLĄTWA: #baabda, RGB: (186, 171, 218); KLĄTWA: #f3f4f6, RGB: (243, 244, 246)

KLĄTWA: #ffd6c0, RGB: (255, 214, 192); KLĄTWA: #1f1f1f, RGB: (31, 31, 31); KLĄTWA: #fdc5dc, RGB: (253, 197, 220)

Uproszczona wersja palety kolorów

Cień paleturquoise, Odcień thistle, Odcień whitesmoke, Odcień peachpuff, Cień Czarny, Cień Różowy

Schemat kolorów został stworzony przez colorday

Więcej palet z:

Kody kolorów w palecie

Context-Aware Interaction Panel kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#a0fff1	#a0fff1	RGB(160, 255, 241)	Intent Cyan	—
#baabda	#baabda	RGB(186, 171, 218)	Condition Purple	—
#f3f4f6	#f3f4f6	RGB(243, 244, 246)	Response Fog	—
#ffd6c0	#ffd6c0	RGB(255, 214, 192)	Option Peach	—
#1f1f1f	#1f1f1f	RGB(31, 31, 31)	Focus Charcoal	Gray12
#fdc5dc	#fdc5dc	RGB(253, 197, 220)	State Blush	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#a0fff1	#baabda	1.82
#a0fff1	#f3f4f6	1.05
#a0fff1	#ffd6c0	1.15
#a0fff1	#fdc5dc	1.27
#baabda	#f3f4f6	1.92
#baabda	#ffd6c0	1.57

Paleta obrazów Context-Aware Interaction Panel png

Context-Aware Interaction Panel - #551398

--color-intent-cyan:	#a0fff1;
--color-condition-purple:	#baabda;
--color-response-fog:	#f3f4f6;
--color-option-peach:	#ffd6c0;
--color-focus-charcoal:	#1f1f1f;
--color-state-blush:	#fdc5dc;

$color-intent-cyan:	#a0fff1;
$color-condition-purple:	#baabda;
$color-response-fog:	#f3f4f6;
$color-option-peach:	#ffd6c0;
$color-focus-charcoal:	#1f1f1f;
$color-state-blush:	#fdc5dc;

@color-intent-cyan:	#a0fff1;
@color-condition-purple:	#baabda;
@color-response-fog:	#f3f4f6;
@color-option-peach:	#ffd6c0;
@color-focus-charcoal:	#1f1f1f;
@color-state-blush:	#fdc5dc;