Színpaletták / Márkaszínek / We Love Budapest
MÁRKAARCULAT · MÉDIA
We Love Budapest színei és HEX-kódjai
We Love Budapest oldalán talált színminták: #322A71, #ECEFF1, #2DA2D0, #FF4047, #01C3DB. 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 We Love Budapest színrendszerének értelmezése
A We Love Budapest 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 64,8%, az átlagos világosságuk 56%. 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 / WE LOVE BUDAPEST
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: #322A71
Hangulat: inkább hűvös
2/10 AA színpár
01 · SZÍNÖSSZETÉTEL
kék nyitószín · inkább hűvös színvilág
A We Love Budapest 5 bemutatott színe közül a #322A71 kék karakterű. A legsötétebb (#322A71) és legvilágosabb (#ECEFF1) árnyalat között 64 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 #322A71 és #ECEFF1 páros 10.66: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 2 felel meg.
03 · WEBES ALKALMAZÁS
Használati javaslat
Kísérleti webes alkalmazásnál a #322A71 lehet kiemelőszín-jelölt. A #322A71 hátteren a #FFFFFF szöveg 12.31: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.
We Love Budapest márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#322A71
RGB 50, 42, 113
HSL 247°, 46%, 30%
Szín 2 · CSS-minta 2
#ECEFF1
RGB 236, 239, 241
HSL 204°, 15%, 94%
Szín 3 · CSS-minta 3
#2DA2D0
RGB 45, 162, 208
HSL 197°, 64%, 50%
Szín 4 · CSS-minta 4
#FF4047
RGB 255, 64, 71
HSL 358°, 100%, 63%
Szín 5 · CSS-minta 5
#01C3DB
RGB 1, 195, 219
HSL 187°, 99%, 43%
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 We Love Budapest 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,7:1; a vizsgált, különböző színekből álló irányított párok közül 4/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.
#322A71
Fehér 12.31 · Fekete 1.71
AA normál szöveg: fehér megfelel · fekete nem felel meg
#ECEFF1
Fehér 1.15 · Fekete 18.18
AA normál szöveg: fehér nem felel meg · fekete megfelel
#2DA2D0
Fehér 2.92 · Fekete 7.19
AA normál szöveg: fehér nem felel meg · fekete megfelel
#FF4047
Fehér 3.46 · Fekete 6.08
AA normál szöveg: fehér nem felel meg · fekete megfelel
#01C3DB
Fehér 2.14 · Fekete 9.83
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.
#322A71 / #ECEFF1
10.66:1 · AA igen
#ECEFF1 / #322A71
10.66:1 · AA igen
#322A71 / #01C3DB
5.76:1 · AA igen
#01C3DB / #322A71
5.76:1 · AA igen
Teljes színkontraszt-mátrix
A We Love Budapest 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 | #322A71 | #ECEFF1 | #2DA2D0 | #FF4047 | #01C3DB |
|---|---|---|---|---|---|
| #322A71 | 1.00 | 10.66 AA | 4.22 | 3.56 | 5.76 AA |
| #ECEFF1 | 10.66 AA | 1.00 | 2.53 | 2.99 | 1.85 |
| #2DA2D0 | 4.22 | 2.53 | 1.00 | 1.18 | 1.37 |
| #FF4047 | 3.56 | 2.99 | 1.18 | 1.00 | 1.62 |
| #01C3DB | 5.76 AA | 1.85 | 1.37 | 1.62 | 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 We Love Budapest saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#322A71
A CSS-kinyerés elsőként sorolt színmintája.
Világos felületek
#ECEFF1
Világos kontextus a képernyőn és nyomtatott mintában.
Sötét felületek
#322A71
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 {
--we-love-budapest-1: #322A71;
--we-love-budapest-2: #ECEFF1;
--we-love-budapest-3: #2DA2D0;
--we-love-budapest-4: #FF4047;
--we-love-budapest-5: #01C3DB;
}Elemzés: a bemutatott színek
A We Love Budapest 5 bemutatott színe közül a #322A71 kék karakterű. A legsötétebb (#322A71) és legvilágosabb (#ECEFF1) árnyalat között 64 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 64,8%, az átlagos világosságuk 56%. 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,7:1; a vizsgált, különböző színekből álló irányított párok közül 4/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 We Love Budapest 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 We Love Budapest színeiről
Milyen CSS-színek találhatók a We Love Budapest weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #322A71, #ECEFF1, #2DA2D0, #FF4047, #01C3DB. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a We Love Budapest színeinek HEX-kódja?
A felsorolt HEX-kódok: #322A71, #ECEFF1, #2DA2D0, #FF4047, #01C3DB. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a We Love Budapest 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 We Love Budapest színpaletta?
A We Love Budapest 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ő.