Terra Dashboard Layer

Primary Clay
#ca8a04
Secondary Sand
#fde68a
Accent Sky
#60a5fa
Background Dust
#fdf6e3
Surface Shell
#f9f5eb
Text Deep Brown
#1f1f1f

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Secondary Sand #fde68a und Accent Sky #60a5fa. Palette hat Farbtemperatur Warm, Kalt, Neutral.

Nach Helligkeit reicht diese Palette von #1F1F1F (dunkelstes) bis #F9F5EB (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).

In der Gesamttemperatur neigen die Felder zur warmen Seite.

HEX-Codes (sortiert): #1F1F1F, #60A5FA, #CA8A04, #F9F5EB, #FDE68A, #FDF6E3

Die Palette Terra Dashboard Layer enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #ca8a04, RGB: (202, 138, 4); VERHEXEN: #fde68a, RGB: (253, 230, 138); VERHEXEN: #60a5fa, RGB: (96, 165, 250)

VERHEXEN: #fdf6e3, RGB: (253, 246, 227); VERHEXEN: #f9f5eb, RGB: (249, 245, 235); VERHEXEN: #1f1f1f, RGB: (31, 31, 31)

Vereinfachte Version der Palettenfarben

Schatten von darkgoldenrod, Schatten von Khaki, Schatten von cornflowerblue, Schatten von oldlace, Farbton von floralwhite, Schatten von Schwarz

Farbschema wurde erstellt von colorhunt

Mehr Paletten mit:

Farbcodes in der Palette

Terra Dashboard Layer Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#ca8a04	#ca8a04	RGB(202, 138, 4)	Primary Clay	—
#fde68a	#fde68a	RGB(253, 230, 138)	Secondary Sand	—
#60a5fa	#60a5fa	RGB(96, 165, 250)	Accent Sky	—
#fdf6e3	#fdf6e3	RGB(253, 246, 227)	Background Dust	—
#f9f5eb	#f9f5eb	RGB(249, 245, 235)	Surface Shell	—
#1f1f1f	#1f1f1f	RGB(31, 31, 31)	Text Deep Brown	Gray12

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
#ca8a04	#60a5fa	1.15
#fde68a	#fdf6e3	1.15
#fde68a	#f9f5eb	1.14
#fdf6e3	#f9f5eb	1

Bildpalette Terra Dashboard Layer png

--color-primary-clay:	#ca8a04;
--color-secondary-sand:	#fde68a;
--color-accent-sky:	#60a5fa;
--color-background-dust:	#fdf6e3;
--color-surface-shell:	#f9f5eb;
--color-text-deep-brown:	#1f1f1f;

$color-primary-clay:	#ca8a04;
$color-secondary-sand:	#fde68a;
$color-accent-sky:	#60a5fa;
$color-background-dust:	#fdf6e3;
$color-surface-shell:	#f9f5eb;
$color-text-deep-brown:	#1f1f1f;

@color-primary-clay:	#ca8a04;
@color-secondary-sand:	#fde68a;
@color-accent-sky:	#60a5fa;
@color-background-dust:	#fdf6e3;
@color-surface-shell:	#f9f5eb;
@color-text-deep-brown:	#1f1f1f;