Light Theme UI Wizard

Tooltip Vanilla
#fff8e7
Highlight Aqua
#60efff
Card Shadow Grey
#dadde1
Component Mauve
#cabbe9
Toggle Lemon
#f9f871
Ink Black
#101010

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Tooltip Vanilla #fff8e7 und Highlight Aqua #60efff. Palette hat Farbtemperatur Neutral, Kalt, Warm.

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

In der Gesamttemperatur neigen die Felder zur kalten Seite.

HEX-Codes (sortiert): #101010, #60EFFF, #CABBE9, #DADDE1, #F9F871, #FFF8E7

Die Palette Light Theme UI Wizard enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #fff8e7, RGB: (255, 248, 231); VERHEXEN: #60efff, RGB: (96, 239, 255); VERHEXEN: #dadde1, RGB: (218, 221, 225)

VERHEXEN: #cabbe9, RGB: (202, 187, 233); VERHEXEN: #f9f871, RGB: (249, 248, 113); VERHEXEN: #101010, RGB: (16, 16, 16)

Vereinfachte Version der Palettenfarben

Schatten von oldlace, Schatten von cyan, Schatten von gainsboro, Farbton von thistle, Schatten von Gelb, Schatten von Schwarz

Farbschema wurde erstellt von colorstudio

Mehr Paletten mit:

Farbcodes in der Palette

Light Theme UI Wizard Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#fff8e7	#fff8e7	RGB(255, 248, 231)	Tooltip Vanilla	Cosmic Latte
#60efff	#60efff	RGB(96, 239, 255)	Highlight Aqua	—
#dadde1	#dadde1	RGB(218, 221, 225)	Card Shadow Grey	—
#cabbe9	#cabbe9	RGB(202, 187, 233)	Component Mauve	—
#f9f871	#f9f871	RGB(249, 248, 113)	Toggle Lemon	—
#101010	#101010	RGB(16, 16, 16)	Ink Black	—

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#fff8e7	#60efff	1.29
#fff8e7	#dadde1	1.28
#fff8e7	#cabbe9	1.68
#fff8e7	#f9f871	1.06
#60efff	#dadde1	1
#60efff	#cabbe9	1.29

Bildpalette Light Theme UI Wizard png

--color-tooltip-vanilla:	#fff8e7;
--color-highlight-aqua:	#60efff;
--color-card-shadow-grey:	#dadde1;
--color-component-mauve:	#cabbe9;
--color-toggle-lemon:	#f9f871;
--color-ink-black:	#101010;

$color-tooltip-vanilla:	#fff8e7;
$color-highlight-aqua:	#60efff;
$color-card-shadow-grey:	#dadde1;
$color-component-mauve:	#cabbe9;
$color-toggle-lemon:	#f9f871;
$color-ink-black:	#101010;

@color-tooltip-vanilla:	#fff8e7;
@color-highlight-aqua:	#60efff;
@color-card-shadow-grey:	#dadde1;
@color-component-mauve:	#cabbe9;
@color-toggle-lemon:	#f9f871;
@color-ink-black:	#101010;