Ui web design palette

Azure
#0c7efa
Dodger Blue
#1d8dfc
True Blue
#0564d2
Philippine Gray
#8c8c8c
Columbia Blue
#cad4da
Black Olive
#3c3c3c

Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Dodger Blue #1d8dfc und Philippine Gray #8c8c8c. Palette hat Farbtemperatur Kalt, Neutral.

Nach Helligkeit reicht diese Palette von #3C3C3C (dunkelstes) bis #CAD4DA (hellstes). Die Helligkeitsspanne ist groß.

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

Die Farbton-Verteilung erinnert an einen analogen Bereich (heuristisch, keine feste Farbtheorie).

In der Gesamttemperatur neigen die Felder zur kalten Seite.

HEX-Codes (sortiert): #0564D2, #0C7EFA, #1D8DFC, #3C3C3C, #8C8C8C, #CAD4DA

Die Palette Ui web design palette enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #0c7efa, RGB: (12, 126, 250); VERHEXEN: #1d8dfc, RGB: (29, 141, 252); VERHEXEN: #0564d2, RGB: (5, 100, 210)

VERHEXEN: #8c8c8c, RGB: (140, 140, 140); VERHEXEN: #cad4da, RGB: (202, 212, 218); VERHEXEN: #3c3c3c, RGB: (60, 60, 60)

Vereinfachte Version der Palettenfarben

Farbton von dodgerblue, Farbton von dodgerblue, Farbton von royalblue, Schatten von Grau, Farbton von lightgrey, Farbton von darkslategrey

Farbschema wurde erstellt von colorswall

Mehr Paletten mit:

Blau Grau

Farbcodes in der Palette

Ui web design palette Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#0c7efa	#0c7efa	RGB(12, 126, 250)	Azure	—
#1d8dfc	#1d8dfc	RGB(29, 141, 252)	Dodger Blue	—
#0564d2	#0564d2	RGB(5, 100, 210)	True Blue	—
#8c8c8c	#8c8c8c	RGB(140, 140, 140)	Philippine Gray	Gray55
#cad4da	#cad4da	RGB(202, 212, 218)	Columbia Blue	—
#3c3c3c	#3c3c3c	RGB(60, 60, 60)	Black Olive	—

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#0c7efa	#1d8dfc	1.16
#0c7efa	#0564d2	1.43
#0c7efa	#8c8c8c	1.16
#1d8dfc	#0564d2	1.66
#1d8dfc	#8c8c8c	1
#0564d2	#8c8c8c	1.66

Bildpalette Ui web design palette png

--color-azure:	#0c7efa;
--color-dodger-blue:	#1d8dfc;
--color-true-blue:	#0564d2;
--color-philippine-gray:	#8c8c8c;
--color-columbia-blue:	#cad4da;
--color-black-olive:	#3c3c3c;

$color-azure:	#0c7efa;
$color-dodger-blue:	#1d8dfc;
$color-true-blue:	#0564d2;
$color-philippine-gray:	#8c8c8c;
$color-columbia-blue:	#cad4da;
$color-black-olive:	#3c3c3c;

@color-azure:	#0c7efa;
@color-dodger-blue:	#1d8dfc;
@color-true-blue:	#0564d2;
@color-philippine-gray:	#8c8c8c;
@color-columbia-blue:	#cad4da;
@color-black-olive:	#3c3c3c;

Ui web design palette

Farbcodes in der Palette

Farbpalette Kontrast

Bildpalette Ui web design palette png

Verwandte Farbpaletten