Accessible Neural Theme Builder

Cortex Cream
#fff5eb
Interaction Blue
#4c8bf5
Visual Grey
#a8a8a8
Neural Ink Black
#121212
Heatmap Orange
#ff9e00
Attention Light Yellow
#fff9b0

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Cortex Cream #fff5eb i Interaction Blue #4c8bf5. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.

Według jasności paleta rozciąga się od #121212 (najciemniejszy) do #FFF5EB (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 ciepłu.

Kody HEX (posortowane): #121212, #4C8BF5, #A8A8A8, #FF9E00, #FFF5EB, #FFF9B0

Paleta Accessible Neural Theme Builder zawiera kombinację kolorów kodów 6:

KLĄTWA: #fff5eb, RGB: (255, 245, 235); KLĄTWA: #4c8bf5, RGB: (76, 139, 245); KLĄTWA: #a8a8a8, RGB: (168, 168, 168)

KLĄTWA: #121212, RGB: (18, 18, 18); KLĄTWA: #ff9e00, RGB: (255, 158, 0); KLĄTWA: #fff9b0, RGB: (255, 249, 176)

Uproszczona wersja palety kolorów

Cień linen, Odcień cornflowerblue, Odcień darkgrey, Cień Czarny, Odcień Pomarańczowy, Cień palegoldenrod

Schemat kolorów został stworzony przez raccoon

Więcej palet z:

Kody kolorów w palecie

Accessible Neural Theme Builder kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#fff5eb	#fff5eb	RGB(255, 245, 235)	Cortex Cream	—
#4c8bf5	#4c8bf5	RGB(76, 139, 245)	Interaction Blue	—
#a8a8a8	#a8a8a8	RGB(168, 168, 168)	Visual Grey	Uniform Grey
#121212	#121212	RGB(18, 18, 18)	Neural Ink Black	Dark Tone Ink
#ff9e00	#ff9e00	RGB(255, 158, 0)	Heatmap Orange	—
#fff9b0	#fff9b0	RGB(255, 249, 176)	Attention Light Yellow	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#fff5eb	#ff9e00	1.92
#fff5eb	#fff9b0	1
#4c8bf5	#a8a8a8	1.39
#4c8bf5	#ff9e00	1.6
#a8a8a8	#ff9e00	1.14
#ff9e00	#fff9b0	1.91

Paleta obrazów Accessible Neural Theme Builder png

Accessible Neural Theme Builder - #557300

--color-cortex-cream:	#fff5eb;
--color-interaction-blue:	#4c8bf5;
--color-visual-grey:	#a8a8a8;
--color-neural-ink-black:	#121212;
--color-heatmap-orange:	#ff9e00;
--color-attention-light-yellow:	#fff9b0;

$color-cortex-cream:	#fff5eb;
$color-interaction-blue:	#4c8bf5;
$color-visual-grey:	#a8a8a8;
$color-neural-ink-black:	#121212;
$color-heatmap-orange:	#ff9e00;
$color-attention-light-yellow:	#fff9b0;

@color-cortex-cream:	#fff5eb;
@color-interaction-blue:	#4c8bf5;
@color-visual-grey:	#a8a8a8;
@color-neural-ink-black:	#121212;
@color-heatmap-orange:	#ff9e00;
@color-attention-light-yellow:	#fff9b0;