Accessible AI Dashboard Framework

Logic Navy
#2d3a59
Tensor Beige
#f5eedc
React Grid Yellow
#fde047
Form Field Slate
#64748b
Semantic Pink
#f7a9a8
Modal Shadow
#111827

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben React Grid Yellow #fde047 und Modal Shadow #111827. Palette hat Farbtemperatur Kalt, Neutral, Warm.

Nach Helligkeit reicht diese Palette von #111827 (dunkelstes) bis #F5EEDC (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.

Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).

Warme und kühle Felder sind ziemlich ausgeglichen.

HEX-Codes (sortiert): #111827, #2D3A59, #64748B, #F5EEDC, #F7A9A8, #FDE047

Die Palette Accessible AI Dashboard Framework enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #2d3a59, RGB: (45, 58, 89); VERHEXEN: #f5eedc, RGB: (245, 238, 220); VERHEXEN: #fde047, RGB: (253, 224, 71)

VERHEXEN: #64748b, RGB: (100, 116, 139); VERHEXEN: #f7a9a8, RGB: (247, 169, 168); VERHEXEN: #111827, RGB: (17, 24, 39)

Vereinfachte Version der Palettenfarben

Farbton von darkslateblue, Farbton von oldlace, Schatten von gold, Farbton von slategrey, Farbton von lightpink, Schatten von Schwarz

Farbschema wurde erstellt von raccoon

Mehr Paletten mit:

Farbcodes in der Palette

Accessible AI Dashboard Framework Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#2d3a59	#2d3a59	RGB(45, 58, 89)	Logic Navy	—
#f5eedc	#f5eedc	RGB(245, 238, 220)	Tensor Beige	—
#fde047	#fde047	RGB(253, 224, 71)	React Grid Yellow	—
#64748b	#64748b	RGB(100, 116, 139)	Form Field Slate	—
#f7a9a8	#f7a9a8	RGB(247, 169, 168)	Semantic Pink	—
#111827	#111827	RGB(17, 24, 39)	Modal Shadow	—

Farbpalette Kontrast

4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.

Tekst kleur	Achtergrond kleur	contrast ratio
#2d3a59	#111827	1.57
#f5eedc	#fde047	1.13
#f5eedc	#f7a9a8	1.62
#fde047	#f7a9a8	1.42

Bildpalette Accessible AI Dashboard Framework png

Accessible AI Dashboard Framework - #556386

--color-logic-navy:	#2d3a59;
--color-tensor-beige:	#f5eedc;
--color-react-grid-yellow:	#fde047;
--color-form-field-slate:	#64748b;
--color-semantic-pink:	#f7a9a8;
--color-modal-shadow:	#111827;

$color-logic-navy:	#2d3a59;
$color-tensor-beige:	#f5eedc;
$color-react-grid-yellow:	#fde047;
$color-form-field-slate:	#64748b;
$color-semantic-pink:	#f7a9a8;
$color-modal-shadow:	#111827;

@color-logic-navy:	#2d3a59;
@color-tensor-beige:	#f5eedc;
@color-react-grid-yellow:	#fde047;
@color-form-field-slate:	#64748b;
@color-semantic-pink:	#f7a9a8;
@color-modal-shadow:	#111827;