bybenceKapcsolat

Kapcsolat

← Színpaletták

Komplementer színpaletta

Éjféli Erdő No. 2

A Éjféli Erdő No. 2 egy hideg, visszafogott és nagyon magas kontrasztú komplementer paletta.

Hideg
Kiegyensúlyozott
Visszafogott
Quality 100/100

A paletta színei

Éjféli Erdő No. 2 színkódjai

A paletta minden színe külön szerepet tölthet be a teljes vizuális rendszerben.

01

#2F203C

02

#9357C7

03

#E6E2E9

04

#93C567

05

#D0DDC6

Palettaelemzés

Milyen karakterű ez a paletta?

A paletta átlagos telítettsége 32.8%, átlagos világossága pedig 61%. A színek között elérhető legnagyobb kontraszt 11.79:1, ami meghatározza, mennyire könnyű erős vizuális hierarchiát kialakítani velük.

Hőmérséklet

Hideg

Világosság

Kiegyensúlyozott

Élénkség

Visszafogott

Kontraszt

Nagyon magas

Átlagos telítettség

32.8%

Átlagos világosság

61%

Maximum kontraszt

11.79:1

Design rendszer

Ajánlott színszerepek

A paletta színeit automatikusan elemezzük annak alapján, hogy melyik árnyalat milyen UI szerepben működhet jól.

Primary

#9357C7

Accent

#93C567

CTA

#9357C7

Background

#E6E2E9

Surface

#E6E2E9

Text

#2F203C

Border

#E6E2E9

Text on primary

#FFFFFF

Előnézet

Így működik a paletta egy weboldalon

Az egyes színek külön szerepet kapnak a háttérben, tipográfiában, gombokon és kiemeléseken.

Paletta előnézet

Studio.

Munkák

Szolgáltatások

Kapcsolat

Creative studio

Egy paletta, egységes vizuális rendszer.

A színek külön szerepekben támogatják a vizuális hierarchiát és a következetes megjelenést.

Projekt indítása

Visual system

Primary, background, surface és accent árnyalatok egyetlen palettából.

Accessibility

Kontraszt és olvashatóság

A palettán belüli színpárok között automatikusan ellenőrizzük a WCAG kontrasztarányokat.

Legjobb kontraszt

Aa

11.79:1

#E6E2E9 / #2F203C

Legjobb színpárok

Aa

#E6E2E9
#2F203C

11.79:1

Aa

#2F203C
#E6E2E9

11.79:1

Aa

#D0DDC6
#2F203C

10.66:1

Aa

#2F203C
#D0DDC6

10.66:1

Aa

#93C567
#2F203C

7.48:1

Aa

#2F203C
#93C567

7.48:1

Fejlesztőknek

Használd a palettát kódban

Másold ki a legfontosabb design tokeneket CSS változóként.

CSS variables

:root {
  --color-primary: #9357C7;
  --color-accent: #93C567;
  --color-background: #E6E2E9;
  --color-surface: #E6E2E9;
  --color-text: #2F203C;
  --color-border: #E6E2E9;
}

A palettáról

01

Milyen paletta a Éjféli Erdő No. 2?

A Éjféli Erdő No. 2 egy komplementer színrendszer, amely 5 egymással összehangolt árnyalatból áll. A paletta összhatása hideg, miközben az élénksége visszafogott.

02

Mire használható?

A paletta nagy kontraszttartománya miatt különösen alkalmas teljes digitális felületek kialakítására. A világosabb árnyalatok háttérként és surface színként, a sötétebb tónusok tipográfiához, a karakteresebb színek pedig primary vagy accent szerepben használhatók.Ha ezt a színvilágot egy teljes weboldalon is következetesen szeretnéd használni, nézd meg, hogyan építek egyedi weboldalakat Debrecenben.

03

Mire figyelj használat közben?

A visszafogottabb palettáknál a legfontosabb kérdés a megfelelő hierarchia kialakítása. Ha több árnyalat világossága vagy telítettsége túl közel van egymáshoz, szükség lehet egy erősebb kontrasztú szöveg- vagy CTA-színre.

Fedezz fel továbbiakat

Hasonló színpaletták

További, hasonló karakterű vagy azonos színharmóniára épülő paletták.

Komplementer

Elegáns Erdő

Komplementer

Elegáns Indigó

Komplementer

Modern Korall Collection

Komplementer

Kiegyensúlyozott Moha Collection

Komplementer

Őszi Indigó Collection

Komplementer

Napfényes Bor Series

Komplementer

Terrakotta Kert

Komplementer

Napfényes Kert No. 2