Serverless UI Architecture Grid

Lambda Violet
#a076f9
Deploy Cloud
#e5e5e5
Build Sand
#f5e3c3
Trigger Gold
#ffc857
Codeblock Night
#1b1b1b
CLI Teal
#20c997
Function Orange
#ff8c42

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Lambda Violet #a076f9 und Trigger Gold #ffc857. Palette hat Farbtemperatur Kalt, Neutral, Warm.

Nach Helligkeit reicht diese Palette von #1B1B1B (dunkelstes) bis #E5E5E5 (hellstes). Die Helligkeitsspanne ist groß.

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

Farbton ist weit über den Farbkreis verteilt — eine gemischte Palette (heuristisch).

In der Gesamttemperatur neigen die Felder zur warmen Seite.

HEX-Codes (sortiert): #1B1B1B, #20C997, #A076F9, #E5E5E5, #F5E3C3, #FF8C42, #FFC857

Die Palette Serverless UI Architecture Grid enthält eine Kombination aus 7-Codefarben:

VERHEXEN: #a076f9, RGB: (160, 118, 249); VERHEXEN: #e5e5e5, RGB: (229, 229, 229); VERHEXEN: #f5e3c3, RGB: (245, 227, 195)

VERHEXEN: #ffc857, RGB: (255, 200, 87); VERHEXEN: #1b1b1b, RGB: (27, 27, 27); VERHEXEN: #20c997, RGB: (32, 201, 151)

VERHEXEN: #ff8c42, RGB: (255, 140, 66)

Vereinfachte Version der Palettenfarben

Schatten von mediumpurple, Schatten von gainsboro, Farbton von blanchedalmond, Schatten von gold, Schatten von Schwarz, Farbton von mediumaquamarine, Schatten von darkorange

Farbschema wurde erstellt von hex

Mehr Paletten mit:

Farbcodes in der Palette

Serverless UI Architecture Grid Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#a076f9	#a076f9	RGB(160, 118, 249)	Lambda Violet	—
#e5e5e5	#e5e5e5	RGB(229, 229, 229)	Deploy Cloud	Gray90
#f5e3c3	#f5e3c3	RGB(245, 227, 195)	Build Sand	—
#ffc857	#ffc857	RGB(255, 200, 87)	Trigger Gold	—
#1b1b1b	#1b1b1b	RGB(27, 27, 27)	Codeblock Night	Eerie Black
#20c997	#20c997	RGB(32, 201, 151)	CLI Teal	—
#ff8c42	#ff8c42	RGB(255, 140, 66)	Function Orange	—

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#a076f9	#20c997	1.52
#a076f9	#ff8c42	1.4
#e5e5e5	#f5e3c3	1
#e5e5e5	#ffc857	1.22
#e5e5e5	#20c997	1.69
#e5e5e5	#ff8c42	1.83

Bildpalette Serverless UI Architecture Grid png

Serverless UI Architecture Grid - #552973

--color-lambda-violet:	#a076f9;
--color-deploy-cloud:	#e5e5e5;
--color-build-sand:	#f5e3c3;
--color-trigger-gold:	#ffc857;
--color-codeblock-night:	#1b1b1b;
--color-cli-teal:	#20c997;
--color-function-orange:	#ff8c42;

$color-lambda-violet:	#a076f9;
$color-deploy-cloud:	#e5e5e5;
$color-build-sand:	#f5e3c3;
$color-trigger-gold:	#ffc857;
$color-codeblock-night:	#1b1b1b;
$color-cli-teal:	#20c997;
$color-function-orange:	#ff8c42;

@color-lambda-violet:	#a076f9;
@color-deploy-cloud:	#e5e5e5;
@color-build-sand:	#f5e3c3;
@color-trigger-gold:	#ffc857;
@color-codeblock-night:	#1b1b1b;
@color-cli-teal:	#20c997;
@color-function-orange:	#ff8c42;