Responsive Grid Layout Theme

Gridline Ivory
#fffdf4
Flexbox Indigo
#3f51b5
Container Shadow
#dddddd
Breakpoint Mint
#c8f7dc
Overflow Black
#212121

Die Palette besteht aus Licht, Halbdunkel, Dunkel-Farben. Akzentfarben Gridline Ivory #fffdf4 und Flexbox Indigo #3f51b5. Palette hat Farbtemperatur Neutral, Kalt.

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

Die meisten Felder wirken neutral in der Farbtemperatur.

HEX-Codes (sortiert): #212121, #3F51B5, #C8F7DC, #DDDDDD, #FFFDF4

Die Palette Responsive Grid Layout Theme enthält eine Kombination aus 5-Codefarben:

VERHEXEN: #fffdf4, RGB: (255, 253, 244); VERHEXEN: #3f51b5, RGB: (63, 81, 181); VERHEXEN: #dddddd, RGB: (221, 221, 221)

VERHEXEN: #c8f7dc, RGB: (200, 247, 220); VERHEXEN: #212121, RGB: (33, 33, 33)

Vereinfachte Version der Palettenfarben

Schatten von floralwhite, Farbton von slateblue, Schatten von gainsboro, Farbton von honeydew, Schatten von Schwarz

Farbschema wurde erstellt von bad_colors

Mehr Paletten mit:

Farbcodes in der Palette

Responsive Grid Layout Theme Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#fffdf4	#fffdf4	RGB(255, 253, 244)	Gridline Ivory	—
#3f51b5	#3f51b5	RGB(63, 81, 181)	Flexbox Indigo	—
#dddddd	#dddddd	RGB(221, 221, 221)	Container Shadow	Steam
#c8f7dc	#c8f7dc	RGB(200, 247, 220)	Breakpoint Mint	—
#212121	#212121	RGB(33, 33, 33)	Overflow Black	Lead

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#fffdf4	#dddddd	1.33
#fffdf4	#c8f7dc	1.15
#dddddd	#c8f7dc	1.15

Bildpalette Responsive Grid Layout Theme png

--color-gridline-ivory:	#fffdf4;
--color-flexbox-indigo:	#3f51b5;
--color-container-shadow:	#dddddd;
--color-breakpoint-mint:	#c8f7dc;
--color-overflow-black:	#212121;

$color-gridline-ivory:	#fffdf4;
$color-flexbox-indigo:	#3f51b5;
$color-container-shadow:	#dddddd;
$color-breakpoint-mint:	#c8f7dc;
$color-overflow-black:	#212121;

@color-gridline-ivory:	#fffdf4;
@color-flexbox-indigo:	#3f51b5;
@color-container-shadow:	#dddddd;
@color-breakpoint-mint:	#c8f7dc;
@color-overflow-black:	#212121;