Színpaletták / Márkaszínek / HVG Könyvek
MÁRKAARCULAT · KÖNYV
HVG Könyvek színei és HEX-kódjai
HVG Könyvek oldalán talált színminták: #6D6D6D, #F3F3F3, #F2F2F2, #313A56, #888888. 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 HVG Könyvek színrendszerének értelmezése
A HVG Könyvek 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 5,4%, az átlagos világosságuk 62,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 / HVG KÖNYVEK
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: #6D6D6D
Hangulat: főként neutrális
4/10 AA színpár
01 · SZÍNÖSSZETÉTEL
semleges szürke nyitószín · főként neutrális színvilág
A HVG Könyvek 5 bemutatott színe közül a #6D6D6D semleges szürke karakterű. A legsötétebb (#313A56) és legvilágosabb (#F3F3F3) árnyalat között 69 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 #F3F3F3 és #313A56 páros 10.12: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 4 felel meg.
03 · WEBES ALKALMAZÁS
Használati javaslat
Kísérleti webes alkalmazásnál a #313A56 lehet sötét kontrasztelem-jelölt. A #6D6D6D hátteren a #FFFFFF szöveg 5.17: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.
HVG Könyvek márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#6D6D6D
RGB 109, 109, 109
HSL 0°, 0%, 43%
Szín 2 · CSS-minta 2
#F3F3F3
RGB 243, 243, 243
HSL 0°, 0%, 95%
Szín 3 · CSS-minta 3
#F2F2F2
RGB 242, 242, 242
HSL 0°, 0%, 95%
Szín 4 · CSS-minta 4
#313A56
RGB 49, 58, 86
HSL 225°, 27%, 26%
Szín 5 · CSS-minta 5
#888888
RGB 136, 136, 136
HSL 0°, 0%, 53%
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 HVG Könyvek 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 10,1:1; a vizsgált, különböző színekből álló irányított párok közül 8/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.
#6D6D6D
Fehér 5.17 · Fekete 4.06
AA normál szöveg: fehér megfelel · fekete nem felel meg
#F3F3F3
Fehér 1.11 · Fekete 18.93
AA normál szöveg: fehér nem felel meg · fekete megfelel
#F2F2F2
Fehér 1.12 · Fekete 18.76
AA normál szöveg: fehér nem felel meg · fekete megfelel
#313A56
Fehér 11.23 · Fekete 1.87
AA normál szöveg: fehér megfelel · fekete nem felel meg
#888888
Fehér 3.54 · Fekete 5.92
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.
#F3F3F3 / #313A56
10.12:1 · AA igen
#313A56 / #F3F3F3
10.12:1 · AA igen
#F2F2F2 / #313A56
10.03:1 · AA igen
#313A56 / #F2F2F2
10.03:1 · AA igen
#6D6D6D / #F3F3F3
4.66:1 · AA igen
#F3F3F3 / #6D6D6D
4.66:1 · AA igen
Teljes színkontraszt-mátrix
A HVG Könyvek 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 | #6D6D6D | #F3F3F3 | #F2F2F2 | #313A56 | #888888 |
|---|---|---|---|---|---|
| #6D6D6D | 1.00 | 4.66 AA | 4.62 AA | 2.17 | 1.46 |
| #F3F3F3 | 4.66 AA | 1.00 | 1.01 | 10.12 AA | 3.19 |
| #F2F2F2 | 4.62 AA | 1.01 | 1.00 | 10.03 AA | 3.17 |
| #313A56 | 2.17 | 10.12 AA | 10.03 AA | 1.00 | 3.17 |
| #888888 | 1.46 | 3.19 | 3.17 | 3.17 | 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 HVG Könyvek saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#6D6D6D
A CSS-kinyerés elsőként sorolt színmintája.
Világos felületek
#F3F3F3
Világos kontextus a képernyőn és nyomtatott mintában.
Sötét felületek
#6D6D6D
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 {
--hvg-konyvek-1: #6D6D6D;
--hvg-konyvek-2: #F3F3F3;
--hvg-konyvek-3: #F2F2F2;
--hvg-konyvek-4: #313A56;
--hvg-konyvek-5: #888888;
}Elemzés: a bemutatott színek
A HVG Könyvek 5 bemutatott színe közül a #6D6D6D semleges szürke karakterű. A legsötétebb (#313A56) és legvilágosabb (#F3F3F3) árnyalat között 69 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 5,4%, az átlagos világosságuk 62,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 10,1:1; a vizsgált, különböző színekből álló irányított párok közül 8/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 HVG Könyvek 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 HVG Könyvek színeiről
Milyen CSS-színek találhatók a HVG Könyvek weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #6D6D6D, #F3F3F3, #F2F2F2, #313A56, #888888. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a HVG Könyvek színeinek HEX-kódja?
A felsorolt HEX-kódok: #6D6D6D, #F3F3F3, #F2F2F2, #313A56, #888888. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a HVG Könyvek 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 HVG Könyvek színpaletta?
A HVG Könyvek 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ő.