Színpaletták / Márkaszínek / Batz
MÁRKAARCULAT · CIPŐ
Batz színei és HEX-kódjai
Batz oldalán talált színminták: #AACCCC, #31A8CB, #7E7E7E, #EFEFEF, #707070. A lenti megállapítások a HEX-értékekből számított elemzések, nem a márka hivatalos arculati útmutatója.
5 árnyalat · Kattints egy színre a HEX másolásához
A Batz színrendszerének értelmezése
A Batz színadatai a megadott weboldal nyilvánosan elérhető HTML/CSS-stílusaiból automatikusan kinyert minták. Egy CSS-ben szereplő szín nem feltétlenül a vállalat elsődleges arculati színe, és a paletta nem hitelesített hivatalos márkakézikönyv.
A megadott színek átlagos telítettsége 17,2%, az átlagos világosságuk 61,8%. 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 / BATZ
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: #AACCCC
Hangulat: főként neutrális
0/10 AA színpár
01 · SZÍNÖSSZETÉTEL
türkiz nyitószín · főként neutrális színvilág
A Batz 5 bemutatott színe közül a #AACCCC türkiz karakterű. A legsötétebb (#707070) és legvilágosabb (#EFEFEF) árnyalat között 50 százalékpontos HSL-világossági különbség látható. A színkészlet főként neutrális összhatást ad.
02 · OLVASHATÓSÁG
Mért kontraszt
A legnagyobb mért kontraszt #EFEFEF és #707070 között 4.31:1. Ez nem éri el a normál szövegre ajánlott 4,5:1 WCAG AA küszöböt; érdemes külön, megfelelő kontrasztú szövegszínt választani.
03 · WEBES ALKALMAZÁS
Használati javaslat
Kísérleti webes alkalmazásnál a #31A8CB lehet kiemelőszín-jelölt. A #AACCCC hátteren a #111111 szöveg 10.99: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.
Batz márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#AACCCC
RGB 170, 204, 204
HSL 180°, 25%, 73%
Szín 2 · CSS-minta 2
#31A8CB
RGB 49, 168, 203
HSL 194°, 61%, 49%
Szín 3 · CSS-minta 3
#7E7E7E
RGB 126, 126, 126
HSL 0°, 0%, 49%
Szín 4 · CSS-minta 4
#EFEFEF
RGB 239, 239, 239
HSL 0°, 0%, 94%
Szín 5 · CSS-minta 5
#707070
RGB 112, 112, 112
HSL 0°, 0%, 44%
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 Batz 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 4,3:1; a vizsgált, különböző színekből álló irányított párok közül 0/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.
#AACCCC
Fehér 1.72 · Fekete 12.22
AA normál szöveg: fehér nem felel meg · fekete megfelel
#31A8CB
Fehér 2.77 · Fekete 7.59
AA normál szöveg: fehér nem felel meg · fekete megfelel
#7E7E7E
Fehér 4.06 · Fekete 5.17
AA normál szöveg: fehér nem felel meg · fekete megfelel
#EFEFEF
Fehér 1.15 · Fekete 18.26
AA normál szöveg: fehér nem felel meg · fekete megfelel
#707070
Fehér 4.95 · Fekete 4.24
AA normál szöveg: fehér megfelel · fekete nem felel meg
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.
A felsorolt színpárok között nincs AA-szintű normál szöveges kontraszt.
Teljes színkontraszt-mátrix
A Batz 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 | #AACCCC | #31A8CB | #7E7E7E | #EFEFEF | #707070 |
|---|---|---|---|---|---|
| #AACCCC | 1.00 | 1.61 | 2.36 | 1.49 | 2.88 |
| #31A8CB | 1.61 | 1.00 | 1.47 | 2.40 | 1.79 |
| #7E7E7E | 2.36 | 1.47 | 1.00 | 3.53 | 1.22 |
| #EFEFEF | 1.49 | 2.40 | 3.53 | 1.00 | 4.31 |
| #707070 | 2.88 | 1.79 | 1.22 | 4.31 | 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 Batz saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#AACCCC
A CSS-kinyerés elsőként sorolt színmintája.
Világos felületek
#EFEFEF
Világos kontextus a képernyőn és nyomtatott mintában.
Sötét felületek
#707070
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 {
--batz-1: #AACCCC;
--batz-2: #31A8CB;
--batz-3: #7E7E7E;
--batz-4: #EFEFEF;
--batz-5: #707070;
}Elemzés: a bemutatott színek
A Batz 5 bemutatott színe közül a #AACCCC türkiz karakterű. A legsötétebb (#707070) és legvilágosabb (#EFEFEF) árnyalat között 50 százalékpontos HSL-világossági különbség látható. A színkészlet főként neutrális összhatást ad.
A megadott színek átlagos telítettsége 17,2%, az átlagos világosságuk 61,8%. 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 4,3:1; a vizsgált, különböző színekből álló irányított párok közül 0/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 megadott nyilvános weboldal HTML/CSS-stílusaiból automatikusan kinyert színminták (2026. október). Nem hitelesített arculati útmutató.. A Batz színadatai a megadott weboldal nyilvánosan elérhető HTML/CSS-stílusaiból automatikusan kinyert minták. Egy CSS-ben szereplő szín nem feltétlenül a vállalat elsődleges arculati színe, és a paletta nem hitelesített hivatalos márkakézikönyv.
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 Batz színeiről
Milyen CSS-színek találhatók a Batz weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #AACCCC, #31A8CB, #7E7E7E, #EFEFEF, #707070. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a Batz színeinek HEX-kódja?
A felsorolt HEX-kódok: #AACCCC, #31A8CB, #7E7E7E, #EFEFEF, #707070. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Batz 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 Batz színpaletta?
A Batz színadatai a megadott weboldal nyilvánosan elérhető HTML/CSS-stílusaiból automatikusan kinyert minták. Egy CSS-ben szereplő szín nem feltétlenül a vállalat elsődleges arculati színe, és a paletta nem hitelesített hivatalos márkakézikönyv.
További márkák színei
További színrendszerek: színpaletta-katalógus és színelemző.