Színpaletták / Márkaszínek / ByBence
MÁRKAARCULAT · MAGYAR VÁLLALKOZÁSOK
ByBence színei és HEX-kódjai
A ByBence weboldalának forráskódjában szereplő fehér, grafit és világosszürke színtokenekből felépített monokróm rendszer a tipográfiára és a tartalomra helyezi a hangsúlyt.
5 árnyalat · Kattints egy színre a HEX másolásához
A ByBence színrendszerének értelmezése
A bemutatott színek a ByBence projekt megadott forráskódjából származnak, ezért egy valós weboldalon alkalmazott színtokeneket vizsgálunk.
A megadott színek átlagos telítettsége 13,6%, az átlagos világosságuk 68,2%. Ezek a számok a márka bemutatott árnyalatainak egymáshoz viszonyított karakterét írják le, nem egy új paletta minősítései.
SZÍNPROFIL / BYBENCE
Mit mutat ez a konkrét paletta?
A következő megállapítások a 5 bemutatott HEX-kód alapján készültek. Minden márkánál a tényleges árnyalatokat és kiszámított kontrasztokat vizsgáljuk.
5 szín
Első minta: #FFFFFF
Hangulat: inkább hűvös
5/10 AA színpár
01 · SZÍNÖSSZETÉTEL
világos semleges nyitószín · inkább hűvös színvilág
A ByBence 5 bemutatott színe közül a #FFFFFF világos semleges karakterű. A legsötétebb (#15181C) és legvilágosabb (#FFFFFF) árnyalat között 90 százalékpontos HSL-világossági különbség látható. A színkészlet inkább hűvös összhatást ad.
02 · OLVASHATÓSÁG
Mért kontraszt
A #FFFFFF és #15181C páros 17.81:1 kontrasztot ad, ezért a színkódok számított aránya alapján normál szöveghez eléri a WCAG AA 4,5:1 küszöböt. A vizsgált 10 eltérő párból 5 felel meg.
03 · WEBES ALKALMAZÁS
Használati javaslat
Kísérleti webes alkalmazásnál a #F6F8FA lehet kiemelőszín-jelölt. A #FFFFFF hátteren a #111111 szöveg 18.88:1 arányt ad, így normál szövegre AA-szintű. Ezek technikai javaslatok, nem a márka jóváhagyott használati szabályai.
ByBence márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · Elsődleges referencia
#FFFFFF
RGB 255, 255, 255
HSL 0°, 0%, 100%
Szín 2 · Második arculati szín
#15181C
RGB 21, 24, 28
HSL 214°, 14%, 10%
Szín 3 · Kiegészítő árnyalat
#F6F8FA
RGB 246, 248, 250
HSL 210°, 29%, 97%
Szín 4 · Negyedik árnyalat
#666D75
RGB 102, 109, 117
HSL 212°, 7%, 43%
Szín 5 · Ötödik árnyalat
#E5E9ED
RGB 229, 233, 237
HSL 210°, 18%, 91%
A színek megjelenése egy felületen
A márkához társított színértékekből készített szemléltető weboldal-előnézet. A vállalat tényleges felületét és színhasználati szabályait nem helyettesíti.
MÁRKASZÍN · DEMÓ
Színalkalmazási példa
Arculati színek webes környezetben
Mit mutatnak a ByBence színei?
Az előnézet a bemutatott HEX-kódokból készült. Szemléltető UI-minta, nem a cég eredeti weboldala.
Sötét felület
Színek szerepben
Háttér, kiemelés, tipográfia – eltérő kontrasztigénnyel.
Kontraszt és olvashatóság
A felsorolt színértékek között a legnagyobb számított kontraszt 17,8:1; a vizsgált, különböző színekből álló irányított párok közül 10/20 felel meg a normál szövegre vonatkozó WCAG AA 4,5:1 küszöbnek. Ez a színkódokra végzett mérés, nem az adott cég weboldalának akadálymentességi auditja.
#FFFFFF
Fehér 1.00 · Fekete 21.00
AA normál szöveg: fehér nem felel meg · fekete megfelel
#15181C
Fehér 17.81 · Fekete 1.18
AA normál szöveg: fehér megfelel · fekete nem felel meg
#F6F8FA
Fehér 1.06 · Fekete 19.73
AA normál szöveg: fehér nem felel meg · fekete megfelel
#666D75
Fehér 5.24 · Fekete 4.01
AA normál szöveg: fehér megfelel · fekete nem felel meg
#E5E9ED
Fehér 1.22 · Fekete 17.21
AA normál szöveg: fehér nem felel meg · fekete megfelel
Színpárok kontrasztja
Az itt szereplő színek egymással való kombinációját is megvizsgálhatod. Ez különösen a szövegek és a gombok olvashatóságánál számít.
#FFFFFF / #15181C
17.81:1 · AA igen
#15181C / #FFFFFF
17.81:1 · AA igen
#15181C / #F6F8FA
16.73:1 · AA igen
#F6F8FA / #15181C
16.73:1 · AA igen
#15181C / #E5E9ED
14.59:1 · AA igen
#E5E9ED / #15181C
14.59:1 · AA igen
Teljes színkontraszt-mátrix
A ByBence felsorolt színkódjainak minden kombinációja, számszerű WCAG-arányokkal. Az AA minősítés normál szövegre értendő (legalább 4,5:1).
| Háttér / szöveg | #FFFFFF | #15181C | #F6F8FA | #666D75 | #E5E9ED |
|---|---|---|---|---|---|
| #FFFFFF | 1.00 | 17.81 AA | 1.06 | 5.24 AA | 1.22 |
| #15181C | 17.81 AA | 1.00 | 16.73 AA | 3.40 | 14.59 AA |
| #F6F8FA | 1.06 | 16.73 AA | 1.00 | 4.92 AA | 1.15 |
| #666D75 | 5.24 AA | 3.40 | 4.92 AA | 1.00 | 4.29 |
| #E5E9ED | 1.22 | 14.59 AA | 1.15 | 4.29 | 1.00 |
Színhierarchia és vizuális szerepek
Az alábbi felosztás a felsorolt arculati színek webes értelmezése. Nem állítja, hogy a ByBence saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#FFFFFF
A márkához kapcsolt első, jellegzetes árnyalat.
Világos felületek
#FFFFFF
Világos kontextus a képernyőn és nyomtatott mintában.
Sötét felületek
#15181C
Kontrasztalap sötét megjelenítéshez.
Színlátási szimuláció
Tájékoztató közelítés különböző színlátási eltérésekhez. Nem helyettesíti a valódi akadálymentességi tesztet.
Eredeti
Protanopia – pirosérzékelés
Deuteranopia – zöldérzékelés
Tritanopia – kékérzékelés
CSS-színváltozók
A márka színreferenciáit fejlesztéshez exportálhatod.
:root {
--bybence-1: #FFFFFF;
--bybence-2: #15181C;
--bybence-3: #F6F8FA;
--bybence-4: #666D75;
--bybence-5: #E5E9ED;
}Elemzés: a bemutatott színek
A ByBence weboldalának forráskódjában szereplő fehér, grafit és világosszürke színtokenekből felépített monokróm rendszer a tipográfiára és a tartalomra helyezi a hangsúlyt.
A megadott színek átlagos telítettsége 13,6%, az átlagos világosságuk 68,2%. Ezek a számok a márka bemutatott árnyalatainak egymáshoz viszonyított karakterét írják le, nem egy új paletta minősítései.
A felsorolt színértékek között a legnagyobb számított kontraszt 17,8:1; a vizsgált, különböző színekből álló irányított párok közül 10/20 felel meg a normál szövegre vonatkozó WCAG AA 4,5:1 küszöbnek. Ez a színkódokra végzett mérés, nem az adott cég weboldalának akadálymentességi auditja.
A mért értékek a kiválasztott színek viszonyait írják le; nem minősítjük a vállalat arculatának minőségét egyetlen pontszámmal.
Forrás és adatpontosság
A feltöltött ByBence forráskód src/theme/index.js tokenjei alapján. A bemutatott színek a ByBence projekt megadott forráskódjából származnak, ezért egy valós weboldalon alkalmazott színtokeneket vizsgálunk.
A színkódok oktatási és elemzési célú bemutatása nem jelent márkapartnerséget vagy védjegyhasználati engedélyt.
Színadatok forrásának megnyitásaGyakori kérdések a ByBence színeiről
Milyen színeket használ a ByBence?
Az itt dokumentált vagy elérhető referenciákban szereplő színek: #FFFFFF, #15181C, #F6F8FA, #666D75, #E5E9ED. A pontos alkalmazási kör a megjelölt forrástól függ.
Mi a ByBence színeinek HEX-kódja?
A felsorolt HEX-kódok: #FFFFFF, #15181C, #F6F8FA, #666D75, #E5E9ED. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a ByBence színeinek kontrasztja?
A lenti színpárok WCAG-kontrasztaránya számított adat. A normál szövegre vonatkozó AA határérték 4,5:1. A mérés nem teljes weboldal-audit.
Hivatalos a ByBence színpaletta?
A bemutatott színek a ByBence projekt megadott forráskódjából származnak, ezért egy valós weboldalon alkalmazott színtokeneket vizsgálunk.
További márkák színei
További színrendszerek: színpaletta-katalógus és színelemző.