Kutatás · A kormány színei
A kormány színei a képernyőn: következetesek és könnyen felismerhetők
Ha az állam minden honlapja ugyanazt a vizuális arculatot használja, mennyire fontos, hogy a Kormány kékje mindenhol pontosan ugyanúgy nézzen ki?
Egy új telefonon, egy régi laptopon vagy egy kinyomtatott lapon ugyanaz a szín soha nem néz ki tökéletesen egyformán. A hasznos kérdés más: mit kell rögzíteni, és hol, hogy az emberek felismerjék?
A Kormány arculati kézikönyvének két alapszínéből, a #004990 és a #58595B színből indultam ki, és megnéztem, hogyan viselkednek a képernyőkön, különböző körülmények között és nyomtatásban. A leírt helyzet a 2026. október 22-i. Itt megtalálod:
- mit ír elő a kézikönyv, és hogyan kapcsolódik a törvényben rögzített színekhez;
- mennyit változik a két szín a képernyőkön és nyomtatásban;
- mikor válik a változás problémává az emberek számára;
- milyen szerepe van a színnek abban, hogy felismerjük az állam egy honlapját;
- hogyan határozzák meg a színeiket más államok;
- mit javaslok egy állami dizájnrendszerhez.
A számítások a szín szabványos képleteivel készült szimulációk, nem eszközökön végzett mérések. Ez személyes elemzés, amelyet kiindulópontnak szánok egy beszélgetéshez a Kormány Főtitkárságával (SGG). A technikai részletek a lenyitható blokkokban vannak; a szöveg nélkülük is olvasható.
0. Összefoglaló nyolc pontban
- Ugyanaz a szín nem néz ki egyformán minden képernyőn, és nincs is rá szükség. A szokásos képernyőkön a két szín keveset változik. Sokat csak napfényben, e-papíron és az akadálymentességi módokban változik.
- A Kormány jelenlegi kékje jó választás képernyőre. Egyértelműen kéknek látszik, és világos háttéren jó a kontrasztja.
- A nagyobb gond a dokumentumokban van. Ugyanannak a „PANTONE 280C” színnek három különböző képernyőértéke van: az SGG kézikönyvében, a zászlótörvényben és a Pantone-nál.
- A kéket és a szürkét nem szabad együtt használni arra, hogy információt közvetítsenek. Majdnem azonos a világosságuk, és szürkeárnyalatosan szinte egyformák lesznek.
- A sötét témához világosabb változatok kellenek. Sötét háttéren mindkét szín kontrasztja túl kicsi.
- Nyomtatásnál meg kell mondani, milyen papírra számították a színt. A kézikönyv CMYK-értéke fényes papíron megfelel a képernyőnek, nem fényes papíron viszont nem.
- A szín segít a felismerésben, de nem bizonyíthatja, hogy egy honlap hivatalos. Erre a .gov.ro domain, a HTTPS és a hivatalos banner szolgál.
- Az ajánlás: minden színnek egyetlen referenciája legyen, minden közegre dokumentált változatokkal.
1. A kiinduló kérdés
Az állami dizájnrendszer egyik értéke, hogy az emberek felismerjék az intézményt, és tudják, hogy egy honlap a Kormányé. Ebből úgy tűnik, az következik, hogy a két alapszínnek minden képernyőn ugyanúgy kell kinéznie, legyen az régi vagy új.
A kutatás azt mutatja, hogy az első rész helyes: a szín segít egy ismert márka felismerésében. A második rész nem teljesíthető, és nincs is rá szükség. A helyes megfogalmazás: „következetes és könnyen felismerhető színek”:
- mindenhol ugyanaz a referenciaérték;
- dokumentált változatok minden közegre;
- mérhető tűréshatár ott, ahol az állam ellenőrzi a gyártást.
2. Mit ír elő az SGG kézikönyve
A 2022. áprilisi kézikönyv a 6. oldalon adja meg a színeket („Elfogadott színek”). A fő színek „a logó hátterének színezésére elfogadottak”, a másodlagosak pedig „a kapcsolódó grafikai elemekhez” valók.
| Szerep | Címke a kézikönyvben | CMYK | RGB | Kód |
|---|---|---|---|---|
| Fő | PANTONE 280C | 100 / 72 / 0 / 18 | 0 / 73 / 144 | #004990 |
| Fő | 80% BLACK | 0 / 0 / 0 / 80 | 88 / 89 / 91 | #58595B |
| Fő | 100% BLACK | 0 / 0 / 0 / 100 | 0 / 0 / 0 | #000000 |
| Másodlagos | PANTONE 300C | 100 / 44 / 0 / 0 | 0 / 121 / 193 | #0079C1 |
| Másodlagos | 20% BLACK | 0 / 0 / 0 / 20 | 209 / 211 / 212 | #D1D3D4 |
#004990 PANTONE 280C, fő szín
#58595B 80% fekete, fő szín
#0079C1 PANTONE 300C, másodlagos szín
#D1D3D4 20% fekete, másodlagos szín
Három dolog derül ki ebből:
- A színeket elsősorban nyomtatásra tervezték. Az RGB-értékek a nyomdai színek átváltásai, nem a képernyőhöz külön kiválasztott értékek.
- A #58595B „80% fekete”, a nyomdai fekete egy árnyalata. Képernyőn nagyon közel áll a Pantone Cool Gray 11 C-hez.
- A honlapokhoz a kézikönyv más kékárnyalatokat használ (21–26. oldal): a fejlécsáv a központi közigazgatásnál #024476, a polgármesteri hivataloknál és a megyei tanácsoknál #0764AB, a prefektúráknál #027AD4, a keretvonalak pedig #005EA4 színűek.
2.1 Ugyanaz a „kék”, három különböző szín
A „PANTONE 280C” kék különböző dokumentumokban különböző értékekkel szerepel. A Pantone figyelmeztet, hogy a képernyőértékei a nyomdai színek „számítógépes szimulációi”.
#004990 az SGG kézikönyve
#002B7F a zászlótörvény
#012169 Pantone
A különbséget a #004990-hoz képest ΔE₀₀-val (CIEDE2000) mérjük. 2 alatt egy különbség csak egymás mellé tett mintákon látszik; 5 fölött bárki észreveszi.
| Kód | Hol szerepel | ΔE₀₀ | Kontraszt fehér alapon |
|---|---|---|---|
| #004990 | Az SGG kézikönyve, fő szín, „PANTONE 280C” | 0 | 8,9 : 1 |
| #002B7F | A 75/1994-es törvény (2023-as formája), a zászló kékje, „Pantone 280c” | 10,3 | 12,7 : 1 |
| #012169 | Pantone, a 280 C saját képernyőértéke | 13,6 | 14,8 : 1 |
| #024476 | Az SGG kézikönyve, a központi közigazgatás honlapjainak fejléce | 3,6 | 10,0 : 1 |
| #0047AB | A PNRR arculati kézikönyve, a webes kék | 4,3 | 8,4 : 1 |
| #0764AB | Az SGG kézikönyve, a polgármesteri hivatalok és a megyei tanácsok honlapjainak fejléce | 9,5 | 6,1 : 1 |
| #0079C1 | Az SGG kézikönyve, másodlagos szín, „PANTONE 300C” | 17,4 | 4,7 : 1 |
| #027AD4 | Az SGG kézikönyve, a prefektúrák honlapjainak fejléce | 18,1 | 4,4 : 1 |
A #004990 kék világosabb a Pantone-értéknél, és a képernyőn jobban látszik kéknek; a #012169 szinte feketének tűnik. Képernyőre jó választás, de világosabb lenne, ha a kézikönyv „a Kormány képernyőkékjének” nevezné, nem a 280C megfelelőjének. A zászlóra a törvényben rögzített értékek maradnak érvényben, amelyek kötelezők.
2.2 Pantone, CMYK és a papír
A kézikönyv vegyesen használja a szín leírásának három módját, a Pantone-t, a CMYK-t és az RGB-t, de nem mondja meg, mikor melyiket kell használni, és milyen papírra számították. A megadott értékeket az európai nyomdák által használt nyomtatási profilokkal szimuláltam:
Képernyő #004990
CMYK fényes papíron különbség: 2,2
Ugyanaz a CMYK nem fényes papíron különbség: 11,0
PANTONE 280C a Pantone képernyőértéke, különbség: 13,6
Technikai részletek: Pantone, CMYK és a nyomtatási szimulációk
- A Pantone nem nyilvános szabvány, hanem kereskedelmi rendszer. Az X-Rite cégé, amely a Veralto csoporthoz tartozik. A Pantone-színek előre kevert festékek, amelyeket a négy szokásos festéktől (CMYK) külön nyomtatnak.
- A hozzáférés pénzbe kerül. 2022 óta az Adobe programjai már nem tartalmazzák ingyen a Pantone-könyvtárakat. A Pantone Connect alkalmazás felhasználónként évi 90–275 euróba kerül. Egy nyomtatott mintakészlet 260–500 euróba kerül, és a Pantone 12–18 havonta javasolja a cseréjét.
- Kis példányszámnál a Pantone-nal nyomtatni drágább. Minden Pantone-szín egy további nyomólemezt és egy további nyomóművet igényel. Sok digitális nyomdagép, amelyet a kis példányszámokhoz használnak, amúgy is CMYK-ból utánozza.
- A CMYK könnyebben elérhető, de a százalékok önmagukban nem írnak le egy színt. Ugyanazok a százalékok a papírtól és a nyomdagéptől függően másképp jönnek ki. Egy CMYK-értéknek meg kell mondania, milyen nyomtatási körülményekre számították, vagyis milyen nyomtatási profilra (például fényes papírhoz a FOGRA39). Az SGG kézikönyve ezt nem mondja meg.
| Mit nyomtatunk | Nyomtatási profil | ΔE₀₀ a képernyőhöz képest |
|---|---|---|
| A kék, CMYK 100/72/0/18, fényes papíron | FOGRA39 | 2,2 |
| Ugyanez az érték nem fényes papíron | FOGRA29 | 11,0 |
| A lehető legközelebbi CMYK nem fényes papíron | FOGRA29 | 12,7 |
| A szürke, 80% fekete, fényes papíron | FOGRA39 | 1,4 |
| A szürke nem fényes papíron | FOGRA29 | 7,1 |
Mi derül ki ebből:
- Fényes papíron a kézikönyv CMYK-értéke és a képernyő kékje gyakorlatilag ugyanaz a szín. A kézikönyvben tehát már megvan egy összehangolt pár a képernyőhöz és a nyomtatáshoz.
- Nem fényes papíron, amilyen az irodai vagy a levélpapír, egyetlen CMYK-keverék sem éri el ezt a kéket. Világosabb és fakóbb lesz. Itt saját, ilyenként elfogadott értékre vagy Pantone-festékre van szükség.
- A „PANTONE 280C” címke az, ami nem illik ide. A 280C festék sötétebb a #004990-nál, és úgy tűnik, még fényes papíron is kívül esik a CMYK színtartományán: a legközelebbi keverék is körülbelül 9-es különbséggel marad el tőle. A 100/72/0/18 érték a Pantone 2001-es átváltása; a Pantone azóta többször megváltoztatta.
- Más államok is megadnak CMYK-t a Pantone mellett. Németország külön értékeket ad meg fényes papírra, nem fényes papírra és újságpapírra. Az ellenőrzött kézikönyvek közül egyik sem nevezi meg a nyomtatási profilt.
3. Mit jelent egy színkód a képernyőn
- A hexakód sRGB-t jelent. Az sRGB szabvány (IEC 61966-2-1) egy referencia-képernyőt ír le, D65 fehérrel és 80 cd/m²-rel, amelyet egy 64 luxos helyiségben néznek. Ezen a képernyőn a #004990 egyetlen, mérhető szín.
- A böngészőnek át kell alakítania a színt a valódi képernyőhöz. Ezt kéri a CSS Color 4 specifikáció. Az átalakítás neve színkezelés.
- Ki végzi el, 2026 októberében:
- Mac, iPhone és iPad: az egész rendszer.
- Windows 11: csak bekapcsolt „Automatically manage color for apps” beállítással, kompatibilis videokártyákon és képernyőkön. Nélküle a színek átalakítás nélkül jutnak a képernyőre.
- Android: a 8.1-es verziótól. Sok telefon azonban az „élénk” színmódban indul, nem a pontosban; a Pixel telefonokon az „Adaptive” az alapértelmezett mód.
- Firefox: Windowson és Linuxon alapértelmezés szerint nem alakítja át a CSS-ben megadott színeket.
- A Display P3 és az OKLCH színek telítettebb árnyalatokat tesznek lehetővé az új képernyőkön. Attól azonban egy szín nem fog mindenhol ugyanúgy kinézni.
4. Hogyan néz ki a két szín különböző képernyőkön
Idealizált képernyőket szimuláltam, a szabványos képletekkel (sRGB, CIELAB, CIEDE2000). Az alábbi minták azt mutatják, mit látna a szem az egyes helyzetekben. A te képernyődön jelennek meg, tehát már most kicsit másképp néznek ki, mint valaki más képernyőjén.
Referencia színkezelést végző képernyő
2,4 Display P3 képernyő, színkezelés nélkül
3,7 olcsó képernyő, szűk színtartomány
3,4 tükröződések az irodában
6,5 régi képernyő, gamma 1,8
7,2 beállítatlan LED-kijelző
18,4 telefon napfényben
22,6 fekete-fehér e-papír
A szokásos képernyőkön kicsi a különbség a referenciához képest, 4 alatti. A régi vagy beállítatlan képernyőkön 6 és 10 közé nő, és csak napfényben és fekete-fehér e-papíron lesz nagy, 18 fölötti. Összehasonlításként: nyomtatásban az ISO 12647-2 szabvány 3,5-ös különbséget fogad el az alapszíneknél, a nagy márkák pedig általában 2,5–3-at kérnek.
Technikai részletek: az összes szimulált helyzet
| Helyzet | ΔE₀₀ #004990 | ΔE₀₀ #58595B | Mi történik |
|---|---|---|---|
| Színkezelést végző képernyő | 0 | 0 | A referenciaszín |
| Display P3 képernyő színkezelés nélkül | 2,4 | 0,2 | Szinte semmi: a kék alapszín ugyanaz |
| Széles színtartományú monitor (Adobe RGB), színkezelés nélkül | 3,7 | 0,3 | A kék kicsit telítettebb lesz |
| Olcsó, szűk színtartományú képernyő | 3,7 | 0,2 | A kék fakóbb lesz |
| Tükröződések az irodában | 3,4 | 2,6 | A színek kicsit világosabbak lesznek |
| Tévé sötét szobában (gamma 2,4) | 3,5 | 3,2 | Mindkettő sötétebb lesz |
| Régi képernyő vagy felülről nézett TN panel (gamma 1,8) | 6,5 | 7,1 | Mindkettő világosabb lesz |
| Beállítatlan utcai LED-kijelző, csökkentett fényerővel | 7,2 | 6,0 | A kék sötétebb lesz, és kissé a cián felé tolódik |
| Beállítatlan, nagyon széles színtartományú panel | 9,4 | 0,6 | A kék a cián felé tolódik |
| Telefon napfényben | 18,4 | 15,3 | A kék világos szürkéskék lesz |
| Fekete-fehér e-papír vagy szürkeárnyalatos mód | 22,6 | 1,3 | A kék szürke lesz, szinte ugyanolyan, mint a szürke |
Technikai részletek: mi történik az egyes kijelzőtípusokon
- Újabb telefonok és laptopok, pontos színmódban: nagyon közel vannak a referenciához. Az „élénk” mód, amely sok androidos telefonon alapértelmezett, telítettebbé teszi a kéket.
- Olcsó monitorok és laptopok: egy olcsó laptop, amelyet a Notebookcheck mért meg, az sRGB 62%-át fedte le. A kék fakóbb lesz. A TN panelek a nézési szögtől függően változtatják a világosságot, főleg a sötét színeknél.
- OLED-képernyők: tökéletes fekete, de kis fényerőn elszíneződés és sávosodás jelenhet meg a sötét színeknél.
- Utcai LED-kijelzők és reklámkijelzők: nappal 5000–7500 cd/m²-rel működnek, éjjel 300 körül. A színek attól függnek, hogyan állította be őket az üzemeltető. Nem találtam bizonyítékot arra, hogy ezek a kijelzők úgy alakítanák át a színeket, ahogyan egy böngésző. Egy külön színváltozat számukra opcionális.
- Változtatható jelzésű közúti táblák (EN 12966): néhány jelzőszínt használnak, és mindegyiket tűrési tartományként határozzák meg, nem pontként. A szabvány még ott is elfogad tűrést, ahol a szín a biztonsághoz tartozik.
- Kioszkok, bankautomaták, jegyautomaták: a környező fény többet számít, mint a kijelző.
- Tévék és projektorok: a „Vivid” vagy a „Bolti” mód hidegebbé teszi a fehéret, a „Bright” módban működő projektorok pedig zöldes árnyalatot adnak. A terem fénye világosabbá teszi a sötét színeket.
- E-papír: a fekete-fehéren a kék és a szürke két szinte egyforma szürke lesz. A színes e-papír (Kaleido 3) sokkal kevesebb színt tud megjeleníteni, mint az sRGB, így a kék halvány lesz.
- Night Shift, True Tone, Éjszakai fény: szándékosan a meleg felé tolják el a fehéret. A szem nagyrészt alkalmazkodik.
5. Ahol valóban számít
Eddig azt vizsgáltam, mennyit változik a szín. Egy dizájnrendszer számára azonban más a fontos kérdés: mikor válik a változás problémává az emberek számára?
5.1 A kéknek és a szürkének majdnem azonos a világossága
A #004990 és a #58595B közötti kontraszt mindössze 1,27 : 1. Csak az árnyalatukban különböznek.
Színesen kontraszt 1,27 : 1
Szürkeárnyalatosan szinte egyformák
Fekete-fehér e-papíron, a telefon szürkeárnyalatos módjában, fénymásolaton vagy egyes színtévesztők számára a különbség szinte eltűnik. A két színt nem szabad egymás mellett az információközlés egyetlen módjaként használni, például kék szöveget szürkén vagy egy kék/szürke állapotpárt.
5.2 A sötét téma
| Szín | Fehér alapon | A Világos téma hátterén | A Sötét téma hátterén |
|---|---|---|---|
| #004990 | 8,9 : 1 | 7,8 : 1 | 1,9 : 1 |
| #58595B | 7,0 : 1 | 6,2 : 1 | 2,4 : 1 |
| #578ED3, példaváltozat | 3,4 : 1 | 5,0 : 1 |
Sötét háttéren mindkét szín a WCAG küszöbei alatt van: ezek szövegnél 4,5 : 1, összetevőknél 3 : 1. Más rendszerek ezt egy sötét témához készült változattal oldják meg:
- a GOV.UK alkalmazásában külön kék van a sötét témához (#37A3FF);
- a Material Design minden témában ugyanannak a színnek egy másik tónusát használja.
A #578ED3 példa megtartja a #004990 árnyalatát, csak világosabb. A végleges változatot az SGG-vel közösen kellene kiválasztani.
5.3 A színtévesztés
A vörös-zöld színtévesztés a férfiak körülbelül 8%-át és a nők 0,5%-át érinti. Számukra a sötétkék sötétkék marad. A nagyon ritka tritanópiás emberek számára a kék fakó zöldeskék lesz. A szürke nem változik.
Az emberek egy részénél az észlelés eltérése nagyobb, mint amit egy szokásos képernyő okoz. Nekik is fel kell ismerniük egy hivatalos honlapot, a logó, a szöveg és a banner alapján. A WCAG ugyanezt kéri az 1.4.1-es feltételben: a szín nem lehet az információközlés egyetlen módja.
5.4 Az akadálymentességi módok
- A Windows nagy kontrasztú módja a honlap színeit a felhasználó által választott színekre cseréli.
- A színek invertálása (iOS, Android) narancssárgává teszi a kéket.
- A színszűrők és a szürkeárnyalatos mód minden színt megváltoztatnak.
Ezeket a módokat a gyengénlátók szándékosan használják. Az állami dizájnrendszernek hagynia kell, hogy működjenek, nem pedig megkerülni őket.
6. A szín segít a felismerésben, de nem bizonyítja a hitelességet
A felismerés és a hitelesség két különböző dolog. A szín segít az embereknek felismerni egy közszolgáltatást, de nem bizonyíthatja, hogy egy honlap az államé.
- A színemlékezet kategóriákban működik. Az emlékezetben megőrzött árnyalatok a kategória közepe és a nagyobb telítettség felé tolódnak (Bartleson 1960; Bae és mtsai 2015).
- A szín és a márka közötti kapcsolat csak a nagyon ismert márkáknál alakul ki (Kimura és mtsai 2013).
- Sokan a saját árnyalatukat sem ismerik fel. A Clemsoni Egyetem egyik kutatásában a résztvevőknek csak 45%-a választotta ki az egyetem narancssárgáját négy Pantone-narancsárnyalat közül.
- A „szín 80%-kal növeli a márka felismerését” statisztikának nincs ellenőrizhető forrása. Egy kereskedelmi brosúrából származik, és a színt a fekete-fehérrel hasonlítja össze, nem az árnyalatokat egymással.
- A szín önmagában nem különbözteti meg egymástól az államokat. Az SGG kékje ΔE₀₀ 4-re van a holland kormány kékjétől (az azt használó közösség által közzétett értékek szerint), 7,5-re az amerikai dizájnrendszer kékjétől, és 8,5-re az Európai Unió kékjétől.
- Egy hamis honlap könnyen lemásolja a színeket és a logót. 2025. március 20-án az Országos Kiberbiztonsági Igazgatóság (DNSC) figyelmeztetett egy honlapra, amely az ANAF portálját utánozta. A tanács az volt, hogy a feladót és a domaint ellenőrizzék, ne a megjelenést.
- Mit használnak más államok a bizalom jeleként:
- USA: egy bannert, „An official website of the United States government”, amely elmagyarázza a .gov domaint és a HTTPS-t;
- Szingapúr: egy kötelező bannert, amelyet nem lehet átstílusozni;
- Németország: a „Digitale Dachmarke” jelzést, egy sávval, amelyen a zászló és a szövetségi sas látható, a gov.de domainnel és a KERN dizájnrendszerrel, kifejezetten a csalások ellen kitalálva;
- Ausztrália: a Scamwatch útmutatója arra figyelmezteti a polgárokat, hogy a logók egy honlapon „lehetnek csupán másolatok”.
- Nem találtam olyan kutatást, amely összehasonlítaná a hivatalos honlapok felismerését szín, domain vagy banner alapján.
Az ezen a honlapon bemutatott javaslat már tartalmazza a hivatalos bannert, az SGG-fejléc mellett.
7. Hogyan határozzák meg a színeiket más államok
| Ki | Képernyő | Nyomtatás és jelzőtáblák | Digitális változatok | Mit ígér |
|---|---|---|---|---|
| Egyesült Királyság (GOV.UK, 2025) | #1D70B8 | CMYK, Pantone 7461 C | Linkek #1A65A6; sötét téma az alkalmazásban #37A3FF; a csapatok a „brand” szerepet használják, nem a kódot | Nem ígér azonos megjelenítést |
| Európai Unió (az embléma) | #003399 | Pantone Reflex Blue | Szabályok az egyszínű változatra | Nem ígér azonos megjelenítést |
| Kanada | RGB | Pantone, CMYK és fóliakódok a jelzőtáblákhoz, külön | Külön értékek minden közegre | |
| USA (USWDS) | #005EA2 | Tónusskálák kontrasztküszöbökkel | „A színérzékelés se nem állandó, se nem kiszámítható” | |
| Hollandia (a közösség értékei) | #154273, OKLCH-ban meghatározva | Külön skála a sötét témához | Nem ígér azonos megjelenítést |
A talált kézikönyvek közül egyik sem ad meg Display P3-értékeket, egyik sem rögzít tűréshatárt a képernyőkre, és egyik sem ígér azonos megjelenítést. Az Apple felülettervezési útmutatója egyenesen kimondja, hogy a színek napfényben és gyenge fényben másképp néznek ki.
8. Az ajánlás: következetes és könnyen felismerhető színek
Eddig a kutatás azt írja le, ami létezik. Innentől a saját javaslatom következik: hogyan lehetne ezekből a következtetésekből állami dizájnrendszert építeni.
Az alábbi pontok mindegyikéhez tartozik egy vizuális példa. A példák abból indulnak ki, amit a projektben idézett dizájnrendszerek már most is tesznek: GOV.UK (Egyesült Királyság), USWDS (USA), DSFR (Franciaország), Designsystemet (Norvégia) és Material Design. Az új értékek az SGG-vel megvitatandó javaslatok, nem döntések.
8.1 Minden színnek egyetlen referenciája van
Minden színnek van egy adatlapja: az sRGB-kód, valamint az OKLCH- és a CIELAB-érték, hogy eszközzel ellenőrizni lehessen, és a kontraszt a használt háttereken. Így mutatja be a színeit a GOV.UK és az USWDS.
A Kormány kékje albastru-60
- sRGB
- #004990 · 0 73 144
- OKLCH
- 41% 0,133 254,6
- CIELAB
- 31,3 9,8 −44,6
- Nyomtatás
- CMYK 100 72 0 18 (FOGRA39) · Pantone opcionális
- Kontraszt
- 8,9 : 1 fehér alapon · 7,8 : 1 a Világos téma hátterén
A Kormány szürkéje gri-60
- sRGB
- #58595B · 88 89 91
- OKLCH
- 46% 0,004 264
- CIELAB
- 37,8 0,0 −1,3
- Nyomtatás
- 80% fekete · CMYK 0 0 0 80 (FOGRA39)
- Kontraszt
- 7,0 : 1 fehér alapon · 6,2 : 1 a Világos téma hátterén
8.2 Szerep szerint elnevezett színek, nem kód szerint
Az oldalak a szerep nevét használják („márka”, „link”, „másodlagos szöveg”), és a szerep minden témában kap egy értéket. Ha egy kódot módosítani kell, egyetlen helyen változik meg. A GOV.UK azt kéri a csapatoktól, hogy a „brand” szerepet használják, ne a kódot. A DSFR a „Bleu France” kéknek mindkét témában ugyanazt a nevet adja: a világos témában #000091, a sötétben #8585F6.
culoare-marcăalbastru-60albastru-40culoare-antetalbastru-60albastru-60culoare-linkalbastru-60albastru-30culoare-text-secundargri-60gri-308.3 Dokumentált változatok minden közegre
Ugyanannak a szerepnek minden közegre van egy leírt értéke. Ahol az értéket nem lehet az íróasztal mellől meghatározni, a kézikönyv leírja, hogyan kell meghatározni.
Képernyő, világos téma albastru-60, #004990
Képernyő, sötét téma albastru-40, #578ED3
Nyomtatás CMYK megnevezett profillal, a fizikai mintán ellenőrizve; Pantone opcionális
LED-kijelző opcionális
Jelzőtáblák RAL-kód vagy a gyártó kódja, jóváhagyott mintával
8.4 Nyomtatás: CMYK megnevezett profillal, Pantone csak ott, ahol segít
Nyomtatáshoz a kézikönyv minden színre megadhatná:
- A referenciát: egy mért CIELAB-értéket, D50 szabványos megvilágítás mellett, tűréshatárral: a színpróbán legfeljebb 2, a gyártásban legfeljebb 3. A CIELAB nyilvános szabvány (ISO/CIE 11664), és nem kell hozzá licenc.
- CMYK-értékeket megnevezett profilokhoz:
- fényes papír: FOGRA51 (PSO Coated v3), a FOGRA39-et is elfogadva, mert sok nyomda még azt használja;
- nem fényes papír: FOGRA52 (PSO Uncoated v3);
- opcionálisan egy értéket újságpapírra, ahogy Németország teszi.
- A Pantone-t opcionálisan, nem kötelezően, csak ott, ahol a nyomtatási eljárás indokolja: nagy példányszámú, egy- vagy kétszínű ofszetnyomtatásnál, vagy nem fényes papírnál, ahol a CMYK nem elég.
- A szürke 80% fekete marad, egy CIELAB-értékkel és a szöveg minimális méretével. Raszterpontokból nyomtatva a szürke megtöredezhet a kis betűknél, főleg nem fényes papíron.
- A nyomdai fájlokat beágyazott profillal adják át, hogy a nyomda tudja, milyen papírra számították a színeket.
A Kormány kékje nyomtatásban albastru-60
- Referencia
- CIELAB D50: 30,6 3,0 −46,0 (számított; méréssel kell helyettesíteni)
- Tűréshatár
- a színpróbán legfeljebb 2, a gyártásban legfeljebb 3
- Fényes papír
- CMYK 100 72 0 18 · FOGRA39 · különbség: 2,2
- Nem fényes papír
- CMYK 100 76 31 30 · FOGRA29 · a lehető legközelebbi, különbség: 12,7
- Újságpapír
- a nyomda profiljával kell kiszámítani
- Pantone
- opcionális: nagy példányszámú ofszetnyomtatás, nem fényes papír
A jelzőtáblák és a többi fizikai anyag (fóliák, festékek, textíliák) más színkódokat használnak. Ezekhez a kézikönyv RAL-kódot vagy a gyártó kódját, egy jóváhagyott fizikai mintát és egy mérhető tűréshatárt adna meg.
8.5 Tűréshatár csak ott, ahol az állam ellenőrzi a gyártást
Nyomtatásnál az állam rendeli meg és veszi át a munkát, tehát kérhet tűréshatárt a fizikai mintához képest. A példa legfeljebb 3-as különbséget használ, ami közel áll ahhoz, amit a nyomtatás (ISO 12647-2) elfogad, és amit a nagy márkák kérnek. Az állampolgárok képernyőire tűréshatárt megadni nincs értelme.
Referenciaminta #004990
ΔE 1 · elfogadva nem látszik a különbség
ΔE 2 · elfogadva csak egymás mellett látszik
ΔE 3 · határeset az utolsó elfogadott érték
ΔE 5 · elutasítva túl fakó
ΔE 8 · elutasítva zöldbe hajlik
8.6 A kék és a szürke önmagában nem közvetít információt
A kéknek és a szürkének majdnem azonos a világossága, így egy csak színnel jelölt állapot szürkeárnyalatosan elvész. Az állapotot szavakkal is ki kell írni, esetleg egy szimbólummal. A WCAG ezt az 1.4.1-es feltételben kéri.
1024. sz. kérelem
1025. sz. kérelem
Kék = jóváhagyva, szürke = folyamatban
1024. sz. kérelem ✓ Jóváhagyva
1025. sz. kérelem Folyamatban
8.7 A bizalom arra épül, ami ellenőrizhető
A szín segít felismerni a honlapot, de a banner megmondja, hogyan ellenőrizheted: a .gov.ro domain és a HTTPS alapján. A példa a bemutató bannerszövegét használja újra, az USWDS és Szingapúr mintájára. Az állampolgároknak szóló egyszerű üzenet ez marad: „ellenőrizze a domaint, ne a színeket”.
A hivatalos honlapok .gov.ro címet használnak.
A biztonságos hivatalos honlapok HTTPS-t használnak. Keresse a lakatot a címsorban.
8.8 Skála a Kormány kékjéhez, a kézikönyv 3. változatában
Az SGG kézikönyvének 3. változata az összes kékárnyalatot egyetlen skálára tehetné, azonos árnyalattal és világossági fokozatokkal. Ilyen skálát használ az USWDS (5-től 90-ig terjedő fokozatokkal), a Designsystemet és a Material Design. Az USWDS-ben a fokozatok közötti különbség közvetlenül megmondja a kontrasztot: 50 fokozat legalább 4,5 : 1-et jelent.
A 60-as fokozat maga a #004990, változatlanul, ahogy a Designsystemet esetében is, ahol a márka színe pontosan megmarad a skálában. A 40-es fokozat a sötét témához készült változat.
A skála a központi közigazgatást és a prefektúrákat szolgálja. A helyi önkormányzatok ugyanezzel a módszerrel saját skálát készíthetnek.
8.9 Három szint, a Kormány arculatának háromféle használata
Az Alkotmány és a közigazgatási törvénykönyv három szintre osztja a közigazgatást, és a vizuális arculat is követheti ezt a felosztást. Az SGG kézikönyve részben már így tesz: külön fejlécszíneket ad a központi közigazgatásnak, a polgármesteri hivataloknak és a megyei tanácsoknak, valamint a prefektúráknak.
https://ministerul-de-exemplu.gov.ro
Központi közigazgatás A Kormány arculata, változatok nélkül. Domain: .gov.ro.
https://exemplu.prefectura.mai.gov.ro
Prefektusi intézmény A Kormány arculata, a megye nevével és opcionálisan a címerével. Domain: .gov.ro.
https://primaria-de-exemplu.ro
Helyi önkormányzat Saját címer és szín, ugyanazokon az összetevőkön. Saját .ro domain.
| Szint | Ki | Mit mond a törvény | Arculat a rendszerben | Domain |
|---|---|---|---|---|
| A központi közigazgatás | A Kormány, a minisztériumok, a többi központi szerv és ezek dekoncentrált szolgálatai | Az állam központi közigazgatása | A Kormány arculata, változatok nélkül: #004990 kék | .gov.ro |
| A prefektusi intézmény | Prefektusi Intézmény – X megye | A Kormány helyi képviselője, a Kormány alárendeltségében (Alkotmány, 123. cikkely; közigazgatási törvénykönyv, 265. cikkely) | A Kormány arculata, a megye nevével; opcionálisan a megye címere, a terület jeleként | .gov.ro |
| A helyi közigazgatási hatóságok | A helyi tanács és a polgármester; a megyei tanács és annak elnöke | Helyi autonómia (Alkotmány, 120–121. cikkely), a prefektusnak való alárendeltség nélkül | Ugyanazok az összetevők, saját témával: az önkormányzat címere és színe, a rendszer kontrasztkorlátain belül | .ro, saját |
Mi következik ebből:
- A központi közigazgatás a Kormány arculatát úgy használja, ahogy van. Számára a .gov.ro domain kötelező, ahogy a prefektúrák számára is (1480/2008-as kormányhatározat).
- A prefektúra a Kormányt képviseli a megyében, nem a helyi önkormányzatot. Nincs alárendelve a polgármesteri hivataloknak és a megyei tanácsnak, és azok sincsenek alárendelve neki; egyik feladata, hogy ellenőrizze az aktusaik törvényességét. A megye azért szerepel a nevében, mert az a területe. A prefektúrák honlapjai már most is így néznek ki: a Kormány logója, GOV.RO, a megye neve és címere. Franciaországban a prefektúrák az állam arculatát használják, a terület nevével, a regionális és a megyei tanácsok pedig kívül maradnak rajta.
- A polgármesteri hivatalok és a megyei tanácsok megtartják a saját arculatukat. Egyetlen jogszabály sem kötelezi őket a Kormány arculatának használatára; törvényes jelképük a címer, amelyet kormányhatározat hagy jóvá (102/1992-es törvény, 25/2003-as kormányhatározat). A DigiLocal program csak a program által finanszírozott honlapoktól követeli meg a saját modelljét. A rendszer ugyanazokat az összetevőket adja nekik, a saját színüket pedig a 8.2. pontban leírt szerepeken keresztül adják hozzá. Így működik Hollandiában az NL Design System. Németországban a közös digitális márka (Digitale Dachmarke) nem érinti a tartományok és a községek arculatát.
- Mindhárom szinten ugyanaz marad: az oldal szerkezete, az összetevők, a hivatalos banner és a kontrasztszabályok. Ezekből lehet felismerni, hogy a honlap ugyanannak a rendszernek a része.
9. Amit nem tudtam megerősíteni
- A jelenlegi Pantone-értékeket. A Pantone ma már csak a fizetős Pantone Connect alkalmazásban mutatja meg őket. A #012169 a pantone.com 2017-es és 2021-es archívumából származó érték.
- A Windows 11 24H2 alapértelmezett színkezelési módját. Csak nem hivatalos források vannak.
- Hogyan kezeli a Chrome a profil nélküli CSS-színeket. Nem találtam hivatalos forrást.
- A holland kormány hivatalos értékeit. Csak felhasználói fiókkal érhetők el.
- Az EN 12966 és az ISO 12647-2 szabvány szövegét. Fizetősek; az értékek olyan forrásokból származnak, amelyek idézik őket.
- A PANTONE 280C festék CIELAB-értékét. A Pantone csak a fizetős alkalmazásban adja meg. A 280C-vel való összehasonlítások a képernyőértékét (#012169) használják; a pontos eredményt egy nyomtatott minta megmérésével lehet megtudni.
- A FOGRA51 és a FOGRA52 profilt. A nyomtatási szimulációk a FOGRA39 és a FOGRA29 profilt használják, mert ezek álltak rendelkezésre. Nem derítettem ki, milyen profilt kérnek általában a romániai nyomdák.
- A színtévesztés-szimulációkat. A használt modelltől függően eltérnek: vörös-zöld színtévesztésnél 2 és 10 között, tritanópiánál 14 és 20 között.
10. Mi következik mindebből
Nem tudjuk elérni, hogy a Kormány kékje minden képernyőn és minden körülmény között ugyanúgy nézzen ki. Más államok általam ellenőrzött kézikönyvei közül egyik sem ígér ilyet.
Azt viszont megtehetjük, hogy meghatározunk egyetlen referenciaszínt, egyértelmű változatokat azokra a közegekre, ahol szükség van rájuk, és szabályokat, amelyek megőrzik a kontrasztot és az akadálymentességet. A lehetetlen, teljesen azonos megjelenítés helyett következetességet kérhetünk ott, ahol az állam ellenőrzi az eredményt: a dokumentumokban, a kódban és a nyomtatásban.
A szín segít az embereknek felismerni egy közszolgáltatást, de nem lehet az egyetlen jel. A vizuális arculat, a .gov.ro domain, a hivatalos banner és a szolgáltatások közös szerkezete együtt működik.
Ezért a célnak nem a „mindenhol ugyanaz a szín” kellene lennie, hanem ez: következetes és könnyen felismerhető színek, képernyőn és nyomtatásban.
Források
- A Román Kormány vizuális arculati kézikönyve, 2. változat, 2022. április, 6. és 21–26. oldal: https://identitate.gov.ro/ro/ghidul-de-identitate/
- A 75/1994-es törvény 1. melléklete, a 176/2023-as törvény szerinti formában (a Hivatalos Közlöny – Monitorul Oficial – 2023. június 20-i, 550. száma)
- ICC, az sRGB nyilvántartása (IEC 61966-2-1): https://registry.color.org/rgb-registry/srgb
- W3C, CSS Color Module Level 4: https://www.w3.org/TR/css-color-4/
- Microsoft, a színprofilok és az Advanced Color: https://learn.microsoft.com/en-us/windows/win32/wcs/advanced-color-icc-profiles
- Microsoft, Auto Color Management: https://learn.microsoft.com/en-us/windows/win32/direct3darticles/high-dynamic-range
- Mozilla, a gfx.color_management.mode beállítás: https://hg.mozilla.org/mozilla-central/raw-file/tip/modules/libpref/init/StaticPrefList.yaml
- Mozilla, a túl telített színek széles színtartományú monitorokon: https://bugzilla.mozilla.org/show_bug.cgi?id=1488619
- Android, a színkezelés: https://source.android.com/docs/core/display/color-mgmt
- Google, a képernyő színei a Pixel telefonokon: https://support.google.com/pixelphone/answer/6111557
- MDN, forced-colors: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/forced-colors
- MDN, color-gamut: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/color-gamut
- RTINGS, a paneltípusok: https://www.rtings.com/monitor/learn/ips-vs-va-vs-tn
- DisplayMate, a színtartomány környezeti fényben (Galaxy S10): https://www.displaymate.com/Gamut_47S.html
- Dain, Kwan és Wong 2016, a színek egységessége a telefonokon: https://pubmed.ncbi.nlm.nih.gov/26974937/
- Notebookcheck, Dell G15 5510: https://www.notebookcheck.net/Dell-G15-5510-laptop-review-Budget-gaming-laptop-with-the-RTX-3050.629381.0.html
- E Ink, Kaleido 3: https://www.eink.com/brand/detail/Kaleido3
- Watchfire, a LED-kijelzők kalibrálása: https://www.watchfire.com/led-basics/digital-billboards-with-true-color-calibration
- Pantone, 280 C (2021-es archívum): https://web.archive.org/web/20210920054232/https://www.pantone.com/color-finder/280-C
- Apple, felülettervezési útmutató, a szín: https://developer.apple.com/design/human-interface-guidelines/color
- Bartleson 1960, az emlékezetben őrzött színek: https://doi.org/10.1364/JOSA.50.000073
- Bae, Olkkonen, Allred és Flombaum 2015, miért tűnik egyes színeket könnyebb megjegyezni: https://doi.org/10.1037/xge0000076
- Kimura és mtsai 2013, a színemlékezet ismert logóknál: https://pmc.ncbi.nlm.nih.gov/articles/PMC3707833/
- A „Clemson Orange” kutatás, 2019: https://www.flexography.org/industry-news/2019-gary-hilliard-fqc-scholarship-recipients-research-clemson-orange-brand-color-consistency/2
- A 80%-os statisztika eredete: https://www.insights4print.ceo/2019/02/color-increases-brand-recognition-by-80-the-real-contents-of-the-loyola-study-revealed/
- W3C, WCAG 2.2, 1.4.1-es feltétel: https://www.w3.org/WAI/WCAG22/Understanding/use-of-color.html
- GOV.UK, a márka kékje: https://brand.design-system.service.gov.uk/colour/govuk-blue
- GOV.UK, az alkalmazás színei: https://brand.design-system.service.gov.uk/colour/app
- USWDS, a hivatalos banner: https://designsystem.digital.gov/components/banner/
- Szingapúr, a hivatalos banner: https://designsystem.tech.gov.sg/components/masthead
- A német szövetségi kormány, Digitale Dachmarke: https://www.bundesregierung.de/breg-de/aktuelles/pilotphase-digitale-dachmarke-breg-2325616
- Kanada, a színértékek a szövetségi arculati programban: https://www.canada.ca/en/treasury-board-secretariat/services/government-communications/federal-identity-program/technical-specifications/official-symbols/colour-values.html
- A 821/2014/EU rendelet, II. melléklet: https://www.legislation.gov.uk/eur/2014/821/annex/II
- Pantone, a Pantone Connect árai: https://support.pantone.com/en/pantone-connect-pricing-by-currency
- Pantone, milyen gyakran kell lecserélni a nyomtatott mintákat: https://www.pantone.com/eu/en-eu/articles/technical/how-often-should-you-update-pantone-graphics-guide
- A Pantone-könyvtárak eltávolítása az Adobe programjaiból (2022): https://pxlnv.com/linklog/pantone-libraries-adobe/
- X-Rite, a Pantone-színek mekkora része érhető el CMYK-ból: https://www.xrite.com/blog/pantone-extended-gamut-guide-helps-printers
- A PANTONE 280 CMYK-átváltásai az évek során: https://printplanet.com/threads/pms-280-conversion-to-cmyk.19416
- ICC, a FOGRA39 profil: https://www.color.org/FOGRA39.xalter
- ICC, a PSO Coated v3 profil (FOGRA51): https://registry.color.org/profile-registry/PSOcoated_v3
- A német szövetségi kormány, a színek képernyőre és nyomtatásra: https://styleguide.bundesregierung.gov.de/sg-de/basiselemente/farben
- DNSC, figyelmeztetés az ANAF portálját utánzó honlapról (2025. március 20.): https://stirileprotv.ro/stiri/actualitate/dnsc-avertizeaza-atacuri-de-tip-phishing-care-vizeaza-utilizatorii-anaf-prin-e-mailuri-false.html