bybenceKapcsolat

Kapcsolat

Szín adatlap

Brume

A Brume egy világos, visszafogott és semleges tónusú szürke szín.

szürke
világos
visszafogott
semleges tónusú

HEX

#C6C6C2

RGB

rgb(198, 198, 194)

HSL

hsl(60, 3%, 77%)

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

Aktuális szín

#C6C6C2

Legközelebbi: Brume

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

Brume színértékei

HEX

#C6C6C2

RGB

rgb(198, 198, 194)

HSL

hsl(60, 3%, 77%)

Színcsalád

szürke

Világosság

világos

Telítettség

visszafogott

Hőmérséklet

semleges tónusú

Színelemzés

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

A Brume HSL világossága 77%, ezért világos árnyalatnak tekinthető. Telítettsége 3%, vagyis szinte teljesen semleges. Színárnyalati értéke 60°.

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

Világosság

77%

világos

Telítettség

3%

szinte teljesen semleges

Legjobb szerepkör

86/100

border- és elválasztószín

Legjobb kontraszt

12.26:1

Fekete szöveggel

WCAG / fekete szöveg

12.26:1

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

WCAG / fehér szöveg

1.71:1

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

Olvashatóság

Fekete szöveg ajánlott

A Brume háttéren a fekete szöveg biztosítja a nagyobb kontrasztot, 12.26: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 Brume komplementer árnyalata #C3C3C6, míg a két 30°-kal eltolt analóg árnyalat #C6C4C3 és #C4C6C3.

Komplementer

#C3C3C6

Legközelebbi név: Sparkling Metal

Analóg −30°

#C6C4C3

Legközelebbi név: Apollo

Analóg +30°

#C4C6C3

Legközelebbi név: Solitary State

Fejlesztőknek

Használd a Brume színt kódban

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

#C6C6C2

--color-brume: #C6C6C2;

Árnyalatok

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

#F9F9F9

Doctor

100

#F1F1F0

Precious Pearls

200

#E5E5E4

Cold Morning

300

#DADAD7

Winter Morn

400

#CFCFCB

Pewter Vase

500

#C6C6C2

Brume

600

#B2B2AF

Warm Shale

700

#959592

Grey Summit

800

#777774

Coal Miner

900

#595957

Sumi Ink

Gyors értékelés

Mire jó a Brume?

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

Brume

#C6C6C2

Elsődleges márkaszín

Óvatosan

27/100

Kiemelőszín

Óvatosan

18/100

CTA / gomb

Óvatosan

23/100

Háttérszín

75/100

Kártya / surface

Kiváló

82/100

Szövegszín

Óvatosan

26/100

Border / elválasztó

Kiváló

86/100

Színkombinációk

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

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

Összes színpaletta →

Napfényes Égbolt Collection

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

#F0F0EF

#D0C5BD

#6E4C35

#805538

#34271E

Borostyán Korall Collection

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

#F0F0EF

#D0C5BD

#976849

#805538

#34271E

Őszi Palakő Collection

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

#F0F0EF

#D0C5BD

#B68768

#805538

#34271E

Őszi Égbolt No. 3

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

#F0F0EF

#D0C5BD

#CAA891

#805538

#34271E

Napfényes Moha Studio

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

#F0F0EF

#C5D0BD

#4C6E35

#558038

#27341E

Őszi Kert Series

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

#F0F0EF

#C5D0BD

#87B668

#558038

#27341E

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

1.71:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

12.26:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 12.26:1

A színről

01

Milyen szín a Brume?

A Brume (#C6C6C2) egy világos, visszafogott és semleges tónusú szürke szín. A szürke színcsaládra jellemzően semleges, visszafogott és sokoldalú vizuális karaktert képvisel.

02

A Brume 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. Visszafogott telítettsége miatt kevésbé domináns, így nyugodtabb és kiegyensúlyozottabb vizuális környezetben is jól használható. Semleges tónusa miatt könnyen kombinálható különböző hideg és meleg árnyalatokkal.

03

Mire használható a Brume?

A Brume különösen jól használható minimalista felületekhez, háttérként és más színek kiegyensúlyozásához. 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 Brume?

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 Brume 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 visszafogott 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 Brume visszafogott, nyugodt és professzionális benyomást közvetíthet. Jól illeszkedhet technológia, építészet, üzleti szolgáltatások és design területén működő márkákhoz, különösen akkor, ha a cél egy semleges, visszafogott és sokoldalú megjelenés kialakítása.

UI design

03

Felhasználói felületeken

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

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

Milyen szín a Brume?

A Brume (#C6C6C2) egy világos, visszafogott és semleges tónusú szürke szín. HSL értéke 60° árnyalat, 3% telítettség és 77% világosság.

Milyen színek illenek a Brume színhez?

A HSL színkör alapján a Brume komplementer árnyalata #C3C3C6, amelyhez a Sparkling Metal áll közel. Analóg kombinációhoz a #C6C4C3 és #C4C6C3 árnyalat használható; ezekhez a Apollo és Solitary State áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Brume webdesignban?

A számított design heurisztika szerint a Brume legerősebb szerepköre szegély- és elválasztószín (86/100), ezt követi a kártya- és felületszín (82/100). 77%-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 Brume háttéren?

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

Jó CTA- vagy gombszín a Brume?

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

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

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

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

A Brume HEX kódja #C6C6C2. RGB értéke 198, 198, 194, HSL értéke pedig 60°, 3%, 77%.

Fedezz fel további színeket

A Brume színhez hasonló árnyalatok

Dolphin Tales

#C7C7C2

Fortitude

#C6C5C1

Bleaches

#C7C7C3

Traditional Grey

#C7C7C1

Grey Spell

#C8C7C2

Silver Sateen

#C7C6C0

Antimony

#C7C8C1

Granitine

#C5C4C1