Színpaletták / Márkaszínek / Vision Express
MÁRKAARCULAT · OPTIKA
Vision Express színei és HEX-kódjai
Vision Express oldalán talált színminták: #A80030, #212121, #4F5963, #D4DEE7, #F9FAFF. 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 Vision Express színrendszerének értelmezése
A Vision Express 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 47,8%, az átlagos világosságuk 53,4%. 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 / VISION EXPRESS
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: #A80030
Hangulat: inkább hűvös
6/10 AA színpár
01 · SZÍNÖSSZETÉTEL
rózsaszín nyitószín · inkább hűvös színvilág
A Vision Express 5 bemutatott színe közül a #A80030 rózsaszín karakterű. A legsötétebb (#212121) és legvilágosabb (#F9FAFF) árnyalat között 86 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 #212121 és #F9FAFF páros 15.45: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 6 felel meg.
03 · WEBES ALKALMAZÁS
Használati javaslat
Kísérleti webes alkalmazásnál a #A80030 lehet kiemelőszín-jelölt. A #A80030 hátteren a #FFFFFF szöveg 7.76: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.
Vision Express márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#A80030
RGB 168, 0, 48
HSL 343°, 100%, 33%
Szín 2 · CSS-minta 2
#212121
RGB 33, 33, 33
HSL 0°, 0%, 13%
Szín 3 · CSS-minta 3
#4F5963
RGB 79, 89, 99
HSL 210°, 11%, 35%
Szín 4 · CSS-minta 4
#D4DEE7
RGB 212, 222, 231
HSL 208°, 28%, 87%
Szín 5 · CSS-minta 5
#F9FAFF
RGB 249, 250, 255
HSL 230°, 100%, 99%
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 Vision Express 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 15,5:1; a vizsgált, különböző színekből álló irányított párok közül 12/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.
#A80030
Fehér 7.76 · Fekete 2.71
AA normál szöveg: fehér megfelel · fekete nem felel meg
#212121
Fehér 16.10 · Fekete 1.30
AA normál szöveg: fehér megfelel · fekete nem felel meg
#4F5963
Fehér 7.14 · Fekete 2.94
AA normál szöveg: fehér megfelel · fekete nem felel meg
#D4DEE7
Fehér 1.36 · Fekete 15.40
AA normál szöveg: fehér nem felel meg · fekete megfelel
#F9FAFF
Fehér 1.04 · Fekete 20.15
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.
#212121 / #F9FAFF
15.45:1 · AA igen
#F9FAFF / #212121
15.45:1 · AA igen
#212121 / #D4DEE7
11.81:1 · AA igen
#D4DEE7 / #212121
11.81:1 · AA igen
#A80030 / #F9FAFF
7.44:1 · AA igen
#F9FAFF / #A80030
7.44:1 · AA igen
Teljes színkontraszt-mátrix
A Vision Express 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 | #A80030 | #212121 | #4F5963 | #D4DEE7 | #F9FAFF |
|---|---|---|---|---|---|
| #A80030 | 1.00 | 2.08 | 1.09 | 5.69 AA | 7.44 AA |
| #212121 | 2.08 | 1.00 | 2.26 | 11.81 AA | 15.45 AA |
| #4F5963 | 1.09 | 2.26 | 1.00 | 5.24 AA | 6.85 AA |
| #D4DEE7 | 5.69 AA | 11.81 AA | 5.24 AA | 1.00 | 1.31 |
| #F9FAFF | 7.44 AA | 15.45 AA | 6.85 AA | 1.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 Vision Express saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#A80030
A CSS-kinyerés elsőként sorolt színmintája.
Világos felületek
#F9FAFF
Világos kontextus a képernyőn és nyomtatott mintában.
Sötét felületek
#A80030
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 {
--vision-express-1: #A80030;
--vision-express-2: #212121;
--vision-express-3: #4F5963;
--vision-express-4: #D4DEE7;
--vision-express-5: #F9FAFF;
}Elemzés: a bemutatott színek
A Vision Express 5 bemutatott színe közül a #A80030 rózsaszín karakterű. A legsötétebb (#212121) és legvilágosabb (#F9FAFF) árnyalat között 86 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.
A megadott színek átlagos telítettsége 47,8%, az átlagos világosságuk 53,4%. 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 15,5:1; a vizsgált, különböző színekből álló irányított párok közül 12/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 Vision Express 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 Vision Express színeiről
Milyen CSS-színek találhatók a Vision Express weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #A80030, #212121, #4F5963, #D4DEE7, #F9FAFF. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a Vision Express színeinek HEX-kódja?
A felsorolt HEX-kódok: #A80030, #212121, #4F5963, #D4DEE7, #F9FAFF. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Vision Express 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 Vision Express színpaletta?
A Vision Express 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ő.