bybenceKapcsolat

Kapcsolat

← Színpaletták

Osztott komplementer színpaletta

Éjféli Bor

A Éjféli Bor egy hideg, közepesen élénk és nagyon magas kontrasztú osztott komplementer paletta.

Hideg
Kiegyensúlyozott
Közepesen élénk
Quality 90/100

A paletta színei

Éjféli Bor színkódjai

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

01

#471D87

02

#938825

03

#2B7722

04

#E9E4F1

05

#272131

Palettaelemzés

Milyen karakterű ez a paletta?

A paletta átlagos telítettsége 46.6%, átlagos világossága pedig 41.2%. A színek között elérhető legnagyobb kontraszt 12.49: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

Közepesen élénk

Kontraszt

Nagyon magas

Átlagos telítettség

46.6%

Átlagos világosság

41.2%

Maximum kontraszt

12.49: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

#938825

Accent

#471D87

CTA

#471D87

Background

#E9E4F1

Surface

#E9E4F1

Text

#272131

Border

#E9E4F1

Text on primary

#000000

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

12.49:1

#272131 / #E9E4F1

Legjobb színpárok

Aa

#272131
#E9E4F1

12.49:1

Aa

#E9E4F1
#272131

12.49:1

Aa

#E9E4F1
#471D87

9.39:1

Aa

#471D87
#E9E4F1

9.39: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: #938825;
  --color-accent: #471D87;
  --color-background: #E9E4F1;
  --color-surface: #E9E4F1;
  --color-text: #272131;
  --color-border: #E9E4F1;
}

A palettáról

01

Milyen paletta a Éjféli Bor?

A Éjféli Bor egy osztott komplementer színrendszer, amely 5 egymással összehangolt árnyalatból áll. A paletta összhatása hideg, miközben az élénksége közepesen élénk.

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.

Osztott komplementer

Aranyló Horizont

Osztott komplementer

Fűszeres Indigó Studio

Osztott komplementer

Réz Agyag Studio

Osztott komplementer

Őszi Erdő Edition

Osztott komplementer

Réz Palakő

Osztott komplementer

Meleg Mező No. 2

Osztott komplementer

Mézes Moha Series

Osztott komplementer

Aranyló Bor No. 3