bybenceKapcsolat

Kapcsolat

Szín adatlap

Brasso

A Brasso egy közepes világosságú, élénk és meleg tónusú narancssárga szín.

narancssárga
közepes világosságú
élénk
meleg tónusú

HEX

#F3BC6B

RGB

rgb(243, 188, 107)

HSL

hsl(36, 85%, 69%)

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

Aktuális szín

#F3BC6B

Legközelebbi: Brasso

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

Brasso színértékei

HEX

#F3BC6B

RGB

rgb(243, 188, 107)

HSL

hsl(36, 85%, 69%)

Színcsalád

narancssárga

Világosság

közepes világosságú

Telítettség

élénk

Hőmérséklet

meleg tónusú

Színelemzés

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

A Brasso HSL világossága 69%, ezért közepesen világos árnyalatnak tekinthető. Telítettsége 85%, vagyis nagyon intenzíven telített. Színárnyalati értéke 36°.

A számított design heurisztika alapján legerősebb szerepe CTA- és gombszín (87/100), ezt követi a kiemelőszín (85/100).

Világosság

69%

közepesen világos

Telítettség

85%

nagyon intenzíven telített

Legjobb szerepkör

87/100

CTA- és gombszín

Legjobb kontraszt

12.22:1

Fekete szöveggel

WCAG / fekete szöveg

12.22:1

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

WCAG / fehér szöveg

1.72:1

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

Olvashatóság

Fekete szöveg ajánlott

A Brasso háttéren a fekete szöveg biztosítja a nagyobb kontrasztot, 12.22: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 Brasso komplementer árnyalata #6DA3F3, míg a két 30°-kal eltolt analóg árnyalat #F37A6D és #E6F36D.

Komplementer

#6DA3F3

Legközelebbi név: Fennel Flower

Analóg −30°

#F37A6D

Legközelebbi név: Melon Refresher

Analóg +30°

#E6F36D

Legközelebbi név: Honeysuckle

Fejlesztőknek

Használd a Brasso színt kódban

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

#F3BC6B

--color-brasso: #F3BC6B;

Árnyalatok

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

#FEF8F0

White Heat

100

#FCEEDA

Organza Peach

200

#FAE1BC

Soya

300

#F7D39F

Ginger Peach

400

#F5C681

Jackfruit

500

#F3BC6B

Brasso

600

#DBA960

Streusel Cake

700

#B68D50

Yellow Acorn

800

#927140

Grog Yellow

900

#6D5530

Horses Neck

Gyors értékelés

Mire jó a Brasso?

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

Brasso

#F3BC6B

Elsődleges márkaszín

78/100

Kiemelőszín

Kiváló

85/100

CTA / gomb

Kiváló

87/100

Háttérszín

Használható

45/100

Kártya / surface

Használható

56/100

Szövegszín

Óvatosan

29/100

Border / elválasztó

Használható

45/100

Színkombinációk

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

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

Összes színpaletta →

Holdfényes Mező Studio

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

#6CA0EF

#F7BC64

#988EF6

#111111

#FFFFFF

Őszi Palakő No. 3

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

#493712

#EFC36C

#F1E9DA

#7EA3ED

#B8C9EA

Meleg Erdő Tone

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

#EFC36C

#82DBED

#806CE5

#F4EEE1

#372E1B

Fűszeres Agyag Studio

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

#EFC36C

#84EBC9

#BA69E2

#F6F2EA

#302817

Homokos Palakő Collection

Egyetlen szín különböző világossági és telítettségi változataiból épülő egységes paletta.

#F7F2E8

#EAD2A4

#EFC36C

#A9760F

#46330B

Fűszeres Lagúna

Praktikus UI-paletta semleges felületekkel és egy erős, jól azonosítható kiemelőszínnel.

#FFFFFF

#F2F0ED

#EFC36C

#4C3F24

#111111

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

1.72:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

12.22:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 12.22:1

A színről

01

Milyen szín a Brasso?

A Brasso (#F3BC6B) egy közepes világosságú, élénk é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 Brasso megjelenése

Közepes világossága miatt önálló főszínként és kiegészítő árnyalatként is rugalmasan használható. Magasabb telítettsége miatt könnyen magára vonja a figyelmet, ezért hangsúlyos felületeken és kiemeléseknél különösen hatásos lehet. Meleg tónusa közvetlenebb, aktívabb és emberközelibb vizuális hatást kelthet.

03

Mire használható a Brasso?

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

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 Brasso 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 élénk 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 Brasso 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 Brasso 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 Brasso 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 Brasso 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 Brasso intenzívebb karaktere miatt nem érdemes túl sok, hasonlóan élénk színnel egyszerre versenyeztetni. Hosszú szövegek háttereként is könnyen fárasztóvá válhat, ha a kontraszt nincs megfelelően beállítva.

Interaktív előnézet

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

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

Milyen szín a Brasso?

A Brasso (#F3BC6B) egy közepes világosságú, élénk és meleg tónusú narancssárga szín. HSL értéke 36° árnyalat, 85% telítettség és 69% világosság.

Milyen színek illenek a Brasso színhez?

A HSL színkör alapján a Brasso komplementer árnyalata #6DA3F3, amelyhez a Fennel Flower áll közel. Analóg kombinációhoz a #F37A6D és #E6F36D árnyalat használható; ezekhez a Melon Refresher és Honeysuckle áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Brasso webdesignban?

A számított design heurisztika szerint a Brasso legerősebb szerepköre CTA- és gombszín (87/100), ezt követi a kiemelőszín (85/100). 69%-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 Brasso háttéren?

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

Jó CTA- vagy gombszín a Brasso?

A Brasso számított CTA-alkalmassági pontszáma 87/100. Ez alapján erős jelölt lehet CTA-khoz és hangsúlyos gombokhoz, amennyiben a környező felület megfelelő kontrasztot biztosít.

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

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

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

A Brasso háttérszín-alkalmassági pontszáma a számított design heurisztika szerint 45/100. 69%-os világossága és 85%-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 Brasso HEX, RGB és HSL kódja?

A Brasso HEX kódja #F3BC6B. RGB értéke 243, 188, 107, HSL értéke pedig 36°, 85%, 69%.

Fedezz fel további színeket

A Brasso színhez hasonló árnyalatok

Citrus Honey

#F6B96B

Mirabelle Yellow

#F3BE67

Luscious Lemon

#EEBD6A

Buff Yellow

#F0B967

Hawker’s Gold

#F4C26C

Mustard Sauce

#EDBD68

Pineapple Cake

#EDBB6E

Golden Cream

#F7B768