bybenceKapcsolat

Kapcsolat

← Színpaletták

Lágy színpaletta

Holdfényes Lágy ég Studio

A Holdfényes Lágy ég Studio egy hideg, visszafogott és nagyon magas kontrasztú lágy paletta.

Hideg
Világos
Visszafogott
Quality 85/100

A paletta színei

Holdfényes Lágy ég Studio színkódjai

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

01

#1D2B87

02

#CDD0E4

03

#E8E7EF

04

#F4F5F6

05

#FFFFFF

Palettaelemzés

Milyen karakterű ez a paletta?

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

Világos

Élénkség

Visszafogott

Kontraszt

Nagyon magas

Átlagos telítettség

25%

Átlagos világosság

81%

Maximum kontraszt

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

#1D2B87

Accent

#CDD0E4

CTA

#1D2B87

Background

#E8E7EF

Surface

#FFFFFF

Text

#1D2B87

Border

#FFFFFF

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

12.02:1

#FFFFFF / #1D2B87

Legjobb színpárok

Aa

#FFFFFF
#1D2B87

12.02:1

Aa

#1D2B87
#FFFFFF

12.02:1

Aa

#F4F5F6
#1D2B87

11.01:1

Aa

#1D2B87
#F4F5F6

11.01:1

Aa

#E8E7EF
#1D2B87

9.79:1

Aa

#1D2B87
#E8E7EF

9.79: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: #1D2B87;
  --color-accent: #CDD0E4;
  --color-background: #E8E7EF;
  --color-surface: #FFFFFF;
  --color-text: #1D2B87;
  --color-border: #FFFFFF;
}

A palettáról

01

Milyen paletta a Holdfényes Lágy ég Studio?

A Holdfényes Lágy ég Studio egy lágy 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.

Osztott komplementer

Hűvös Erdő Studio

Osztott komplementer

Fagyos Bor Collection

Osztott komplementer

Holdfényes Korall Collection

Osztott komplementer

Hajnali Horizont

Osztott komplementer

Sarki Kert

Osztott komplementer

Hűvös Mező Series

Osztott komplementer

Hajnali Palakő

Osztott komplementer

Jeges Palakő No. 2