bybenceKapcsolat

Kapcsolat

Szín adatlap

Juvie

A Juvie egy közepes világosságú, közepesen telített és hideg tónusú kék szín.

kék
közepes világosságú
közepesen telített
hideg tónusú

HEX

#8ABBD0

RGB

rgb(138, 187, 208)

HSL

hsl(198, 43%, 68%)

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

Aktuális szín

#8ABBD0

Legközelebbi: Juvie

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

Juvie színértékei

HEX

#8ABBD0

RGB

rgb(138, 187, 208)

HSL

hsl(198, 43%, 68%)

Színcsalád

kék

Világosság

közepes világosságú

Telítettség

közepesen telített

Hőmérséklet

hideg tónusú

Színelemzés

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

A Juvie HSL világossága 68%, ezért közepesen világos árnyalatnak tekinthető. Telítettsége 43%, vagyis közepesen telített. Színárnyalati értéke 198°.

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

Világosság

68%

közepesen világos

Telítettség

43%

közepesen telített

Legjobb szerepkör

65/100

kártya- és surface szín

Legjobb kontraszt

10.1:1

Fekete szöveggel

WCAG / fekete szöveg

10.1:1

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

WCAG / fehér szöveg

2.08:1

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

Olvashatóság

Fekete szöveg ajánlott

A Juvie háttéren a fekete szöveg biztosítja a nagyobb kontrasztot, 10.1: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 Juvie komplementer árnyalata #D09F8A, míg a két 30°-kal eltolt analóg árnyalat #8AD0C2 és #8A98D0.

Komplementer

#D09F8A

Legközelebbi név: Nectarine Spice

Analóg −30°

#8AD0C2

Legközelebbi név: Light Capri Green

Analóg +30°

#8A98D0

Legközelebbi név: Mystic Iris

Fejlesztőknek

Használd a Juvie színt kódban

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

#8ABBD0

--color-juvie: #8ABBD0;

Árnyalatok

A Juvie 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

#F3F8FA

Distant Horizon

100

#E2EEF3

Diamond White

200

#CAE0EA

Skywriter

300

#B3D3E0

Foamy Surf

400

#9CC5D7

Angel Sol

500

#8ABBD0

Juvie

600

#7CA8BB

Winter Twilight

700

#688C9C

Secret Cove

800

#53707D

Lily Pond Blue

900

#3E545E

Slate Wall

Gyors értékelés

Mire jó a Juvie?

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

Juvie

#8ABBD0

Elsődleges márkaszín

Használható

59/100

Kiemelőszín

Használható

55/100

CTA / gomb

Használható

59/100

Háttérszín

Használható

45/100

Kártya / surface

65/100

Szövegszín

Óvatosan

37/100

Border / elválasztó

Használható

63/100

Színkombinációk

Milyen színekkel párosítsd a Juvie 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 Juvie színhez

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

Összes színpaletta →

Terrakotta Indigó Edition

Erős kontrasztra és karakteres színkapcsolatokra épülő figyelemfelkeltő paletta.

#CAA091

#89BFD2

#DACFA9

#111111

#FFFFFF

Aranyló Bor

Erős kontrasztra és karakteres színkapcsolatokra épülő figyelemfelkeltő paletta.

#CAA891

#89B5D2

#DAD5A9

#111111

#FFFFFF

Mézes Lagúna Series

Kontrasztos, de a klasszikus komplementer párosításnál kiegyensúlyozottabb paletta.

#D6859A

#97D8A6

#86BBCB

#EEE8E9

#2B2728

Éjféli Égbolt Series

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

#20323C

#85BBD6

#E2E7E9

#D6AA94

#DDCDC6

Kortárs Indigó Series

Kontrasztos, de a klasszikus komplementer párosításnál kiegyensúlyozottabb paletta.

#85BBD6

#D897A2

#CBBF86

#E8ECEE

#27292B

Kortárs Égbolt

Három, egymástól közel azonos szögtávolságra lévő színből épülő energikus paletta.

#85BBD6

#D69AC2

#B1C884

#EEF0F1

#222425

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

2.08:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

10.1:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 10.1:1

A színről

01

Milyen szín a Juvie?

A Juvie (#8ABBD0) egy közepes világosságú, 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 Juvie megjelenése

Közepes világossága miatt önálló főszínként és kiegészítő árnyalatként is rugalmasan használható. 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 Juvie?

A Juvie 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 Juvie?

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 Juvie különösen jól működhet fő márkaszínként, gomboknál, kártyákon, navigációs elemeknél és vizuális kiemeléseknél. 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 Juvie 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 Juvie 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 Juvie 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 Juvie 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?

A Juvie használatánál érdemes kerülni a túl sok hasonló tónusú árnyalat egymás mellé helyezését, mert ettől a felület vizuális hierarchiája gyengülhet.

Interaktív előnézet

Így néz ki a Juvie 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

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

Milyen szín a Juvie?

A Juvie (#8ABBD0) egy közepes világosságú, közepesen telített és hideg tónusú kék szín. HSL értéke 198° árnyalat, 43% telítettség és 68% világosság.

Milyen színek illenek a Juvie színhez?

A HSL színkör alapján a Juvie komplementer árnyalata #D09F8A, amelyhez a Nectarine Spice áll közel. Analóg kombinációhoz a #8AD0C2 és #8A98D0 árnyalat használható; ezekhez a Light Capri Green és Mystic Iris áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Juvie webdesignban?

A számított design heurisztika szerint a Juvie legerősebb szerepköre kártya- és felületszín (65/100), ezt követi a szegély- és elválasztószín (63/100). 68%-os világossága miatt világosabb felületeken, kártyákon és visszafogottabb vizuális elemként működhet jól.

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

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

Jó CTA- vagy gombszín a Juvie?

A Juvie számított CTA-alkalmassági pontszáma 59/100. Ez alapján bizonyos felületeken használható CTA-színként, de érdemes a teljes palettával és a környező kontraszttal együtt értékelni.

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

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

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

A Juvie háttérszín-alkalmassági pontszáma a számított design heurisztika szerint 45/100. 68%-os világossága és 43%-os telítettsége miatt világosabb felületeken, kártyákon és visszafogottabb vizuális elemként működhet jól. Szöveg elhelyezésekor a fekete szín adja a jobb fekete-fehér kontrasztot.

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

A Juvie HEX kódja #8ABBD0. RGB értéke 138, 187, 208, HSL értéke pedig 198°, 43%, 68%.

Fedezz fel további színeket

A Juvie színhez hasonló árnyalatok

Bonnie Blue

#8DBBD1

Mountain Main

#8DB8D0

Simply Posh

#8CB9D4

Moon Jellyfish

#8EB8CE

High Elf Blue

#8CBED6

Blue Bird Morning

#86B8CB

Blue Echo

#8DBBC9

Aftercare

#85C0CD