Next.js SEO Spectrum

Crawler Sky
#caf0f8
Render Black
#0a0a0a
Meta Tag Plum
#b983ff
Serverless Steel
#495867
Keyword Peach
#ffe0b2
Lazyload Cloud
#eceff1

Die Palette besteht aus Licht, Dunkel, Halbdunkel-Farben. Akzentfarben Meta Tag Plum #b983ff und Keyword Peach #ffe0b2. Palette hat Farbtemperatur Kalt, Neutral, Warm.

Nach Helligkeit reicht diese Palette von #0A0A0A (dunkelstes) bis #ECEFF1 (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): #0A0A0A, #495867, #B983FF, #CAF0F8, #ECEFF1, #FFE0B2

Die Palette Next.js SEO Spectrum enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #caf0f8, RGB: (202, 240, 248); VERHEXEN: #0a0a0a, RGB: (10, 10, 10); VERHEXEN: #b983ff, RGB: (185, 131, 255)

VERHEXEN: #495867, RGB: (73, 88, 103); VERHEXEN: #ffe0b2, RGB: (255, 224, 178); VERHEXEN: #eceff1, RGB: (236, 239, 241)

Vereinfachte Version der Palettenfarben

Schatten von powderblue, Schatten von Schwarz, Schatten von mediumpurple, Farbton von dimgrey, Schatten von navajowhite, Farbton von whitesmoke

Farbschema wurde erstellt von colourlock

Mehr Paletten mit:

Farbcodes in der Palette

Next.js SEO Spectrum Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#caf0f8	#caf0f8	RGB(202, 240, 248)	Crawler Sky	—
#0a0a0a	#0a0a0a	RGB(10, 10, 10)	Render Black	Existential Angst
#b983ff	#b983ff	RGB(185, 131, 255)	Meta Tag Plum	—
#495867	#495867	RGB(73, 88, 103)	Serverless Steel	Harbour
#ffe0b2	#ffe0b2	RGB(255, 224, 178)	Keyword Peach	—
#eceff1	#eceff1	RGB(236, 239, 241)	Lazyload Cloud	—

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
#caf0f8	#ffe0b2	1.04
#caf0f8	#eceff1	1.04
#ffe0b2	#eceff1	1.09

Bildpalette Next.js SEO Spectrum png

--color-crawler-sky:	#caf0f8;
--color-render-black:	#0a0a0a;
--color-meta-tag-plum:	#b983ff;
--color-serverless-steel:	#495867;
--color-keyword-peach:	#ffe0b2;
--color-lazyload-cloud:	#eceff1;

$color-crawler-sky:	#caf0f8;
$color-render-black:	#0a0a0a;
$color-meta-tag-plum:	#b983ff;
$color-serverless-steel:	#495867;
$color-keyword-peach:	#ffe0b2;
$color-lazyload-cloud:	#eceff1;

@color-crawler-sky:	#caf0f8;
@color-render-black:	#0a0a0a;
@color-meta-tag-plum:	#b983ff;
@color-serverless-steel:	#495867;
@color-keyword-peach:	#ffe0b2;
@color-lazyload-cloud:	#eceff1;