bybenceKapcsolat

Kapcsolat

Szín adatlap

Birch

A Birch egy sötét, közepesen telített és meleg tónusú narancssárga szín.

narancssárga
sötét
közepesen telített
meleg tónusú

HEX

#3F3726

RGB

rgb(63, 55, 38)

HSL

hsl(41, 25%, 20%)

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

Aktuális szín

#3F3726

Legközelebbi: Birch

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

Birch színértékei

HEX

#3F3726

RGB

rgb(63, 55, 38)

HSL

hsl(41, 25%, 20%)

Színcsalád

narancssárga

Világosság

sötét

Telítettség

közepesen telített

Hőmérséklet

meleg tónusú

Színelemzés

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

A Birch HSL világossága 20%, ezért sötét árnyalatnak tekinthető. Telítettsége 25%, vagyis visszafogottan telített. Színárnyalati értéke 41°.

A számított design heurisztika alapján legerősebb szerepe szövegszín (92/100), ezt követi a háttérszín (85/100).

Világosság

20%

sötét

Telítettség

25%

visszafogottan telített

Legjobb szerepkör

92/100

szövegszín

Legjobb kontraszt

11.76:1

Fehér szöveggel

WCAG / fekete szöveg

1.79:1

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

WCAG / fehér szöveg

11.76:1

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

Olvashatóság

Fehér szöveg ajánlott

A Birch háttéren a fehér szöveg biztosítja a nagyobb kontrasztot, 11.76: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 Birch komplementer árnyalata #262E40, míg a két 30°-kal eltolt analóg árnyalat #402B26 és #3B4026.

Komplementer

#262E40

Legközelebbi név: Navy Blazer

Analóg −30°

#402B26

Legközelebbi név: English Walnut

Analóg +30°

#3B4026

Legközelebbi név: Green 383

Fejlesztőknek

Használd a Birch színt kódban

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

#3F3726

--color-birch: #3F3726;

Árnyalatok

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

#ECEBE9

Lace Veil

100

#CFCDC9

Orca White

200

#A9A59D

Foggy Grey

300

#827D72

Manuscript Ink

400

#5C5547

Judge Grey

500

#3F3726

Birch

600

#393222

Agrax Earthshade

700

#2F291D

Wood Bark

800

#262117

Dark Orchestra

900

#1C1911

Nightshade Berries

Gyors értékelés

Mire jó a Birch?

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

Birch

#3F3726

Elsődleges márkaszín

Óvatosan

36/100

Kiemelőszín

Óvatosan

33/100

CTA / gomb

Óvatosan

36/100

Háttérszín

Kiváló

85/100

Kártya / surface

Óvatosan

34/100

Szövegszín

Kiváló

92/100

Border / elválasztó

Használható

45/100

Színkombinációk

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

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

Összes színpaletta →

Meleg Kert

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

#3C3620

#7A6A29

#E9E8E2

#314181

#C6CADD

Fűszeres Égbolt

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

#3C3620

#A89238

#E9E8E2

#4257AE

#C6CADD

Mézes Lagúna Collection

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

#3C3620

#C7B057

#E9E8E2

#677AC5

#C6CADD

Fűszeres Agyag Collection

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

#3C3620

#D6C685

#E9E8E2

#94A1D6

#C6CADD

Aranyló Erdő Collection

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

#3C3A20

#7A7529

#E9E9E2

#313681

#C6C7DD

Aranyló Horizont No. 3

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

#3C3A20

#A8A138

#E9E9E2

#4249AE

#C6C7DD

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

11.76:1

WCAG AA
WCAG AAA

Fekete szöveg

Aa

1.79:1

× WCAG AA
× WCAG AAA

Ajánlott szövegszín

Fehér

Legjobb kontraszt: 11.76:1

A színről

01

Milyen szín a Birch?

A Birch (#3F3726) egy sötét, közepesen telített és meleg tónusú narancssárga szín. A narancssárga színcsaládra jellemzően meleg, energikus és barátságos vizuális karaktert képvisel.

02

A Birch megjelenése

Sötétebb karaktere miatt erőteljesebb vizuális jelenlétet ad, és világos elemekkel markáns kontraszt alakítható ki. 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 Birch?

A Birch különösen jól használható kiemelésekhez, kreatív felületekhez és közvetlen hangulatú designokhoz. 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 Birch?

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 Birch különösen jól működhet fő háttérszínként, sötét szekciókban, erős tipográfiai kontraszt mellett vagy prémium kiemelő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 Birch vidám, közvetlen és aktív benyomást közvetíthet. Jól illeszkedhet vendéglátás, startup, események és oktatás területén működő márkákhoz, különösen akkor, ha a cél egy meleg, energikus és barátságos megjelenés kialakítása.

UI design

03

Felhasználói felületeken

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

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

Milyen szín a Birch?

A Birch (#3F3726) egy sötét, közepesen telített és meleg tónusú narancssárga szín. HSL értéke 41° árnyalat, 25% telítettség és 20% világosság.

Milyen színek illenek a Birch színhez?

A HSL színkör alapján a Birch komplementer árnyalata #262E40, amelyhez a Navy Blazer áll közel. Analóg kombinációhoz a #402B26 és #3B4026 árnyalat használható; ezekhez a English Walnut és Green 383 áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Birch webdesignban?

A számított design heurisztika szerint a Birch legerősebb szerepköre szövegszín (92/100), ezt követi a háttérszín (85/100). 20%-os világossága miatt nagyon sötét felületeken és erős kontrasztú designban lehet különösen hasznos.

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

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

Jó CTA- vagy gombszín a Birch?

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

Ha a gomb háttérszíne Birch (#3F3726), a fehér szöveg ajánlott, mert 11.76:1 kontrasztot ad. A kontraszt eléri a WCAG AAA szintet normál méretű szövegnél is.

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

A Birch háttérszín-alkalmassági pontszáma a számított design heurisztika szerint 85/100. 20%-os világossága és 25%-os telítettsége miatt nagyon sötét felületeken és erős kontrasztú designban lehet különösen hasznos. Szöveg elhelyezésekor a fehér szín adja a jobb fekete-fehér kontrasztot.

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

A Birch HEX kódja #3F3726. RGB értéke 63, 55, 38, HSL értéke pedig 41°, 25%, 20%.

Fedezz fel további színeket

A Birch színhez hasonló árnyalatok

Magic Metal

#3F3925

Jacko Bean

#413628

Mikado

#3F3623

Devlan Mud Wash

#3C3523

Loam

#443724

Sensaicha Brown

#3B3429

Lisbon Brown

#423921

Slugger

#42342B