bybenceKapcsolat

Kapcsolat

Szín adatlap

Pax

A Pax egy világos, közepesen telített és hideg tónusú kék szín.

kék
világos
közepesen telített
hideg tónusú

HEX

#C8C6DA

RGB

rgb(200, 198, 218)

HSL

hsl(246, 21%, 82%)

Kattints a szín módosításához

Aktuális szín

#C8C6DA

Legközelebbi: Pax

Színkereső

Keress színt bármilyen formátumban.

Keress név, HEX, RGB, HSL, HSV, HSB vagy CMYK érték alapján. Ha nincs pontos találat, megkeressük a legközelebbi színt.

Technikai adatok

Pax színértékei

HEX

#C8C6DA

RGB

rgb(200, 198, 218)

HSL

hsl(246, 21%, 82%)

Színcsalád

kék

Világosság

világos

Telítettség

közepesen telített

Hőmérséklet

hideg tónusú

Színelemzés

Mit érdemes tudni a Pax színről?

A Pax HSL világossága 82%, ezért világos árnyalatnak tekinthető. Telítettsége 21%, vagyis visszafogottan telített. Színárnyalati értéke 246°.

A számított design heurisztika alapján legerősebb szerepe kártya- és surface szín (81/100), ezt követi a border- és elválasztószín (81/100).

Világosság

82%

világos

Telítettség

21%

visszafogottan telített

Legjobb szerepkör

81/100

kártya- és surface szín

Legjobb kontraszt

12.55:1

Fekete szöveggel

WCAG / fekete szöveg

12.55:1

A fekete szöveg és a Pax háttér kontrasztaránya 12.55:1.

WCAG / fehér szöveg

1.67:1

A fehér szöveg és a Pax háttér kontrasztaránya 1.67:1.

Olvashatóság

Fekete szöveg ajánlott

A Pax háttéren a fekete szöveg biztosítja a nagyobb kontrasztot, 12.55:1 aránnyal. Ez eléri a WCAG AAA szintet normál méretű szövegnél.

Színharmónia

Komplementer és analóg árnyalatok

A HSL színkör alapján a Pax komplementer árnyalata #D9DBC7, míg a két 30°-kal eltolt analóg árnyalat #C7CFDB és #D3C7DB.

Komplementer

#D9DBC7

Legközelebbi név: Silver Laurel

Analóg −30°

#C7CFDB

Legközelebbi név: Quarzo

Analóg +30°

#D3C7DB

Legközelebbi név: Prudence

Fejlesztőknek

Használd a Pax színt kódban

Másold ki azonnal CSS, SCSS, Chakra UI, Tailwind vagy JSON formátumban.

#C8C6DA

--color-pax: #C8C6DA;

Árnyalatok

A Pax világosabb és sötétebb árnyalatai

Használj világosabb tónusokat háttérként és felületeken, sötétebb árnyalatokat pedig hangsúlyosabb elemekhez vagy erősebb kontraszthoz.

50

#FAF9FB

Dr. White

100

#F1F1F6

Alpine Goat

200

#E6E5EE

Cool Frost

300

#DBDAE7

Violet Breeze

400

#D0CFE0

Hailstorm

500

#C8C6DA

Pax

600

#B4B2C4

Fading Sunset

700

#9695A4

Ash Violet

800

#787783

Infamous

900

#5A5962

Veiled Vinyl

Gyors értékelés

Mire jó a Pax?

Gyors áttekintés arról, hogy a Pax milyen szerepekben működhet jól egy digitális felületen.

Pax

#C8C6DA

Elsődleges márkaszín

Óvatosan

31/100

Kiemelőszín

Óvatosan

28/100

CTA / gomb

Óvatosan

31/100

Háttérszín

75/100

Kártya / surface

Kiváló

81/100

Szövegszín

Óvatosan

21/100

Border / elválasztó

Kiváló

81/100

Színkombinációk

Milyen színekkel párosítsd a Pax színt?

Nem minden kombináció ugyanazt a vizuális hatást adja. Válassz palettát attól függően, hogy professzionális, prémium, lágy vagy merész megjelenést szeretnél.

Professzionális

Visszafogott, üzleti és könnyen alkalmazható kombináció.

Prémium

Mélyebb tónusokkal és erős kontraszttal elegánsabb hatás.

Lágy

Világosabb, nyugodtabb paletta nagyobb felületekhez.

Merész

Erősebb kontraszt és karakteresebb vizuális jelenlét.

Analóg

Egymáshoz közeli árnyalatok harmonikus színrendszerhez.

Kapcsolódó színpaletták

Színpaletták a Pax színhez

Fedezz fel olyan összeállításokat, amelyekben a Pax vagy egy hozzá közeli árnyalat kap szerepet.

Összes színpaletta →

Aranyló Kert Tone

Erős vizuális kontrasztot adó paletta a főszínnel szemben álló komplementer árnyalattal.

#3A3C20

#757A29

#E9E9E2

#363181

#C7C6DD

Borostyán Lagúna Collection

Erős vizuális kontrasztot adó paletta a főszínnel szemben álló komplementer árnyalattal.

#3A3C20

#A1A838

#E9E9E2

#4942AE

#C7C6DD

Terrakotta Korall No. 3

Erős vizuális kontrasztot adó paletta a főszínnel szemben álló komplementer árnyalattal.

#3A3C20

#BFC757

#E9E9E2

#6E67C5

#C7C6DD

Terrakotta Palakő

Erős vizuális kontrasztot adó paletta a főszínnel szemben álló komplementer árnyalattal.

#3A3C20

#D1D685

#E9E9E2

#9894D6

#C7C6DD

Réz Moha Series

Erős vizuális kontrasztot adó paletta a főszínnel szemben álló komplementer árnyalattal.

#363C20

#6A7A29

#E8E9E2

#413181

#CAC6DD

Őszi Lagúna Edition

Erős vizuális kontrasztot adó paletta a főszínnel szemben álló komplementer árnyalattal.

#363C20

#92A838

#E8E9E2

#5742AE

#CAC6DD

Accessibility

Olvashatóság és kontraszt

Ellenőrizd, hogy fekete vagy fehér szöveg működik-e jobban a Pax háttéren, és hogy teljesülnek-e a WCAG kontrasztkövetelmények.

Fehér szöveg

Aa

1.67:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

12.55:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 12.55:1

A színről

01

Milyen szín a Pax?

A Pax (#C8C6DA) egy világos, közepesen telített és hideg tónusú kék szín. A kék színcsaládra jellemzően megbízható, nyugodt és professzionális vizuális karaktert képvisel.

02

A Pax megjelenése

Világos karaktere könnyedebb és szellősebb megjelenést eredményez, ezért nagyobb felületeken és háttérszínként is jól működhet. Közepes telítettsége jó egyensúlyt teremt a visszafogott és a hangsúlyos megjelenés között. Hideg tónusa rendezettebb, nyugodtabb és modernebb vizuális hatást kelthet.

03

Mire használható a Pax?

A Pax különösen jól használható üzleti weboldalakhoz, technológiai projektekhez és professzionális digitális felületekhez. A pontos alkalmazásnál érdemes figyelembe venni a környező színeket, a kontrasztot és azt is, hogy főszínként vagy kiegészítő színként jelenik meg.

Felhasználási területek

Hol működik jól a Pax?

Ugyanaz a szín teljesen más karaktert adhat attól függően, hogy weboldalon, arculatban, alkalmazásban vagy nyomtatott anyagon használjuk.

Webdesign

01

Weboldalakon

Webdesignban a Pax különösen jól működhet háttérszínként, nagyobb felületeken, kártyákon, szekciók elválasztására vagy finom accent színként. A közepesen telített karakter miatt érdemes figyelni arra, hogy ne kerüljön túl sok hasonlóan hangsúlyos szín mellé, mert az gyengítheti a vizuális hierarchiát.

Egyedi weboldal készítés Debrecenben

Branding

02

Arculatban

Arculati színként a Pax stabil, professzionális és bizalomkeltő benyomást közvetíthet. Jól illeszkedhet technológia, pénzügy, SaaS és üzleti szolgáltatások területén működő márkákhoz, különösen akkor, ha a cél egy megbízható, nyugodt és professzionális megjelenés kialakítása.

UI design

03

Felhasználói felületeken

Felhasználói felületeken a Pax használható aktív állapotokhoz, gombokhoz, linkekhez, badge-ekhez vagy hangsúlyos információk jelölésére. Nagyobb összefüggő felületen történő használat előtt mindig érdemes ellenőrizni a szöveg és a háttér közötti kontrasztot.

BRAND

Visual
story.

Social

04

Közösségi médiában

Közösségi média grafikákban a Pax erős vizuális azonosító lehet. Háttérként, tipográfiai kiemelésként vagy visszatérő márkaelemként is alkalmazható, különösen egyszerűbb kompozíciókban, ahol a színnek van tere érvényesülni.

Print

05

Nyomtatott anyagokon

Nyomtatott anyagokon, például névjegyen, plakáton, brosúrán vagy csomagoláson a Pax karakteres vizuális jelenlétet adhat. Digitális és nyomtatott használat között azonban lehet eltérés, ezért végleges gyártás előtt érdemes a megfelelő színprofilt is ellenőrizni.

Figyelj a kontrasztra.

Egy jó szín is működhet rosszul rossz környezetben.

Használat

06

Mikor érdemes óvatosan használni?

Nagyon világos felületeken a Pax könnyen elveszítheti a vizuális súlyát, ezért fontos megfelelő kontrasztú tipográfiával és határozottabb kiegészítő színekkel párosítani.

Interaktív előnézet

Így néz ki a Pax használat közben.

Nézd meg, hogyan változik ugyanaz a szín weboldalon, alkalmazásban, webshopban, közösségi média grafikán vagy egy teljes márkaarculat részeként.

Egyedi weboldal készítés Debrecenben

Élő színelőnézet

Studio.

Munkák

Szolgáltatások

Kapcsolat

Creative studio

Digitális élmények, amelyek működnek.

Modern weboldalak és digitális felületek erős vizuális hierarchiával.

Projekt indítása

Gyakori kérdések

Pax – kérdések és válaszok

Milyen szín a Pax?

A Pax (#C8C6DA) egy világos, közepesen telített és hideg tónusú kék szín. HSL értéke 246° árnyalat, 21% telítettség és 82% világosság.

Milyen színek illenek a Pax színhez?

A HSL színkör alapján a Pax komplementer árnyalata #D9DBC7, amelyhez a Silver Laurel áll közel. Analóg kombinációhoz a #C7CFDB és #D3C7DB árnyalat használható; ezekhez a Quarzo és Prudence áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Pax webdesignban?

A számított design heurisztika szerint a Pax legerősebb szerepköre kártya- és felületszín (81/100), ezt követi a szegély- és elválasztószín (81/100). 82%-os világossága miatt nagyon világos árnyalatként elsősorban háttérhez, felületekhez és finom elválasztásokhoz használható.

Milyen szövegszín olvasható a Pax háttéren?

A Pax háttéren a fekete szöveg biztosítja a nagyobb kontrasztot 12.55:1 aránnyal. A fekete szöveg kontrasztaránya 12.55:1, a fehér szövegé 1.67:1. A kontraszt eléri a WCAG AAA szintet normál méretű szövegnél is.

Jó CTA- vagy gombszín a Pax?

A Pax számított CTA-alkalmassági pontszáma 31/100. Ez alapján nem tartozik a legerősebb CTA-színek közé; valószínűleg más vizuális szerepkörben működik jobban.

Milyen szövegszín ajánlott a Pax színű gombhoz?

Ha a gomb háttérszíne Pax (#C8C6DA), a fekete szöveg ajánlott, mert 12.55:1 kontrasztot ad. A kontraszt eléri a WCAG AAA szintet normál méretű szövegnél is.

Használható a Pax háttérszínként?

A Pax háttérszín-alkalmassági pontszáma a számított design heurisztika szerint 75/100. 82%-os világossága és 21%-os telítettsége miatt nagyon világos árnyalatként elsősorban háttérhez, felületekhez és finom elválasztásokhoz használható. Szöveg elhelyezésekor a fekete szín adja a jobb fekete-fehér kontrasztot.

Mi a Pax HEX, RGB és HSL kódja?

A Pax HEX kódja #C8C6DA. RGB értéke 200, 198, 218, HSL értéke pedig 246°, 21%, 82%.

Fedezz fel további színeket

A Pax színhez hasonló árnyalatok

Violet Sweet Pea

#C7C5DC

Amourette

#C8C5D7

Lilac Crystal

#CBC5D9

Daybreak Beckons

#C7C9D8

Gregorio Garden

#CBC8DD

Dreamweaver

#CCC6D7

Ice Mauve

#C9C2DD

Purple Purity

#C9C6DF