bybenceKapcsolat

Kapcsolat

Szín adatlap

Jumping Juniper

A Jumping Juniper egy közepes világosságú, közepesen telített és meleg tónusú sárga szín.

sárga
közepes világosságú
közepesen telített
meleg tónusú

HEX

#887636

RGB

rgb(136, 118, 54)

HSL

hsl(47, 43%, 37%)

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

Aktuális szín

#887636

Legközelebbi: Jumping Juniper

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

Jumping Juniper színértékei

HEX

#887636

RGB

rgb(136, 118, 54)

HSL

hsl(47, 43%, 37%)

Színcsalád

sárga

Világosság

közepes világosságú

Telítettség

közepesen telített

Hőmérséklet

meleg tónusú

Színelemzés

Mit érdemes tudni a Jumping Juniper színről?

A Jumping Juniper HSL világossága 37%, ezért közepesen sötét árnyalatnak tekinthető. Telítettsége 43%, vagyis közepesen telített. Színárnyalati értéke 47°.

A számított design heurisztika alapján legerősebb szerepe szövegszín (72/100), ezt követi a elsődleges márkaszín (64/100).

Világosság

37%

közepesen sötét

Telítettség

43%

közepesen telített

Legjobb szerepkör

72/100

szövegszín

Legjobb kontraszt

4.69:1

Fekete szöveggel

WCAG / fekete szöveg

4.69:1

A fekete szöveg és a Jumping Juniper háttér kontrasztaránya 4.69:1.

WCAG / fehér szöveg

4.48:1

A fehér szöveg és a Jumping Juniper háttér kontrasztaránya 4.48:1.

Olvashatóság

Fekete szöveg ajánlott

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

Színharmónia

Komplementer és analóg árnyalatok

A HSL színkör alapján a Jumping Juniper komplementer árnyalata #364787, míg a két 30°-kal eltolt analóg árnyalat #874D36 és #708736.

Komplementer

#364787

Legközelebbi név: Truth

Analóg −30°

#874D36

Legközelebbi név: Paarl

Analóg +30°

#708736

Legközelebbi név: Khaki Green

Fejlesztőknek

Használd a Jumping Juniper színt kódban

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

#887636

--color-jumping-juniper: #887636;

Árnyalatok

A Jumping Juniper 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

#F3F1EB

Pearl Sugar

100

#E1DDCD

Cappuccino Cosmico

200

#C9C1A5

Country Charm

300

#B2A67C

Gold Infusion

400

#9A8B54

Goldbrown

500

#887636

Jumping Juniper

600

#7A6A31

Garden Weed

700

#665929

Fir Green

800

#524720

Uniform Green

900

#3D3518

Pullman Green

Gyors értékelés

Mire jó a Jumping Juniper?

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

Jumping Juniper

#887636

Elsődleges márkaszín

Használható

64/100

Kiemelőszín

Használható

58/100

CTA / gomb

Használható

63/100

Háttérszín

Óvatosan

20/100

Kártya / surface

Óvatosan

42/100

Szövegszín

72/100

Border / elválasztó

Használható

46/100

Színkombinációk

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

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

Összes színpaletta →

Városi Palakő Edition

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

#3F297A

#857232

#3C6B2E

#E9E8EE

#28272B

Friss Bor

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

#6A297A

#827335

#2E665B

#F1EEF1

#252225

Tiszta Erdő Tone

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

#49297A

#857D32

#346B2E

#EAE8EE

#28272B

Holdfényes Indigó

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

#353D6E

#817731

#5B3D8F

#111111

#FFFFFF

Fagyos Égbolt

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

#20243C

#29347A

#E2E3E9

#817731

#DDDAC6

Harmonikus Lagúna No. 3

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

#75297A

#827D35

#2E6662

#F1EEF1

#252225

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

4.48:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

4.69:1

WCAG AA
× WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 4.69:1

A színről

01

Milyen szín a Jumping Juniper?

A Jumping Juniper (#887636) egy közepes világosságú, közepesen telített és meleg tónusú sárga szín. A sárga színcsaládra jellemzően világos, optimista és figyelemfelkeltő vizuális karaktert képvisel.

02

A Jumping Juniper 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. Meleg tónusa közvetlenebb, aktívabb és emberközelibb vizuális hatást kelthet.

03

Mire használható a Jumping Juniper?

A Jumping Juniper különösen jól használható kiemelésekhez, játékos felületekhez és energikus vizuális elemekhez. 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 Jumping Juniper?

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 Jumping Juniper 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 Jumping Juniper optimista, könnyed és energikus benyomást közvetíthet. Jól illeszkedhet oktatás, gyerektermékek, kreatív iparágak és vendéglátás területén működő márkákhoz, különösen akkor, ha a cél egy világos, optimista és figyelemfelkeltő megjelenés kialakítása.

UI design

03

Felhasználói felületeken

Felhasználói felületeken a Jumping Juniper 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 Jumping Juniper 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 Jumping Juniper 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 Jumping Juniper 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 Jumping Juniper 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

Jumping Juniper – kérdések és válaszok

Milyen szín a Jumping Juniper?

A Jumping Juniper (#887636) egy közepes világosságú, közepesen telített és meleg tónusú sárga szín. HSL értéke 47° árnyalat, 43% telítettség és 37% világosság.

Milyen színek illenek a Jumping Juniper színhez?

A HSL színkör alapján a Jumping Juniper komplementer árnyalata #364787, amelyhez a Truth áll közel. Analóg kombinációhoz a #874D36 és #708736 árnyalat használható; ezekhez a Paarl és Khaki Green áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Jumping Juniper webdesignban?

A számított design heurisztika szerint a Jumping Juniper legerősebb szerepköre szövegszín (72/100), ezt követi a elsődleges márkaszín (64/100). 37%-os világossága miatt sötétebb felületeken, hangsúlyos márkaelemként vagy kontrasztos szekciókban lehet hatásos.

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

A Jumping Juniper háttéren a fekete szöveg biztosítja a nagyobb kontrasztot 4.69:1 aránnyal. A fekete szöveg kontrasztaránya 4.69:1, a fehér szövegé 4.48:1. A kontraszt eléri a WCAG AA szintet normál méretű szövegnél.

Jó CTA- vagy gombszín a Jumping Juniper?

A Jumping Juniper számított CTA-alkalmassági pontszáma 63/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 Jumping Juniper színű gombhoz?

Ha a gomb háttérszíne Jumping Juniper (#887636), a fekete szöveg ajánlott, mert 4.69:1 kontrasztot ad. A kontraszt eléri a WCAG AA szintet normál méretű szövegnél.

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

A Jumping Juniper háttérszín-alkalmassági pontszáma a számított design heurisztika szerint 20/100. 37%-os világossága és 43%-os telítettsége miatt sötétebb felületeken, hangsúlyos márkaelemként vagy kontrasztos szekciókban lehet hatásos. Szöveg elhelyezésekor a fekete szín adja a jobb fekete-fehér kontrasztot.

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

A Jumping Juniper HEX kódja #887636. RGB értéke 136, 118, 54, HSL értéke pedig 47°, 43%, 37%.

Fedezz fel további színeket

A Jumping Juniper színhez hasonló árnyalatok

Baikō Brown

#887938

Dragon Well

#877732

Mustard Magic

#857139

Valley Vineyards

#8A763D

Bay Leaf

#86793D

Mossy Meadow

#867E36

Koke Moss

#8B7D3A

Capers

#897A3E