Hergestellt in 07/11/2025 09:36

Data-Driven React Aesthetic

Die Palette besteht aus Licht-Farben. Akzentfarben Hook Yellow #ffd23f und Virtual DOM Azure #007ea7. Palette hat Farbtemperatur Warm, Kalt, Neutral.

Nach Helligkeit reicht diese Palette von #007EA7 (dunkelstes) bis #F5F5F5 (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).

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

Warme und kühle Felder sind ziemlich ausgeglichen.

HEX-Codes (sortiert): #007EA7, #9D4EDD, #F5F5F5, #FF6F59, #FFD23F

Die Palette Data-Driven React Aesthetic enthält eine Kombination aus 5-Codefarben:

VERHEXEN: #ffd23f, RGB: (255, 210, 63); VERHEXEN: #007ea7, RGB: (0, 126, 167); VERHEXEN: #ff6f59, RGB: (255, 111, 89)

VERHEXEN: #9d4edd, RGB: (157, 78, 221); VERHEXEN: #f5f5f5, RGB: (245, 245, 245)

Vereinfachte Version der Palettenfarben

Schatten von gold, Farbton von steelblue, Schatten von tomato, Schatten von darkorchid

Farbschema wurde erstellt von colourlock

Mehr Paletten mit:

Farbcodes in der Palette

Data-Driven React Aesthetic Farbcodes HEX, RGB-Informationen in der Tabelle

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

--color-hook-yellow:	#ffd23f;
--color-virtual-dom-azure:	#007ea7;
--color-component-padding-coral:	#ff6f59;
--color-test-coverage-violet:	#9d4edd;
--color-structure-white-smoke:	#f5f5f5;

$color-hook-yellow:	#ffd23f;
$color-virtual-dom-azure:	#007ea7;
$color-component-padding-coral:	#ff6f59;
$color-test-coverage-violet:	#9d4edd;
$color-structure-white-smoke:	#f5f5f5;

@color-hook-yellow:	#ffd23f;
@color-virtual-dom-azure:	#007ea7;
@color-component-padding-coral:	#ff6f59;
@color-test-coverage-violet:	#9d4edd;
@color-structure-white-smoke:	#f5f5f5;