Színpaletták / Márkaszínek / Profession
MÁRKAARCULAT · ÁLLÁS
Profession színei és HEX-kódjai
Profession oldalán talált színminták: #323C50, #4A589F, #4B5AA0, #ADB1B9, #50D7BE. 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 Profession színrendszerének értelmezése
A Profession 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 33,2%, az átlagos világosságuk 49%. 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 / PROFESSION
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: #323C50
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 Profession 5 bemutatott színe közül a #323C50 kék karakterű. A legsötétebb (#323C50) és legvilágosabb (#50D7BE) árnyalat között 45 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 #323C50 és #50D7BE páros 6.22: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 #4A589F lehet kiemelőszín-jelölt. A #323C50 hátteren a #FFFFFF szöveg 11.07: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.
Profession márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#323C50
RGB 50, 60, 80
HSL 220°, 23%, 25%
Szín 2 · CSS-minta 2
#4A589F
RGB 74, 88, 159
HSL 230°, 36%, 46%
Szín 3 · CSS-minta 3
#4B5AA0
RGB 75, 90, 160
HSL 229°, 36%, 46%
Szín 4 · CSS-minta 4
#ADB1B9
RGB 173, 177, 185
HSL 220°, 8%, 70%
Szín 5 · CSS-minta 5
#50D7BE
RGB 80, 215, 190
HSL 169°, 63%, 58%
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 Profession 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 6,2: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.
#323C50
Fehér 11.07 · Fekete 1.90
AA normál szöveg: fehér megfelel · fekete nem felel meg
#4A589F
Fehér 6.59 · Fekete 3.19
AA normál szöveg: fehér megfelel · fekete nem felel meg
#4B5AA0
Fehér 6.42 · Fekete 3.27
AA normál szöveg: fehér megfelel · fekete nem felel meg
#ADB1B9
Fehér 2.15 · Fekete 9.77
AA normál szöveg: fehér nem felel meg · fekete megfelel
#50D7BE
Fehér 1.78 · Fekete 11.80
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.
#323C50 / #50D7BE
6.22:1 · AA igen
#50D7BE / #323C50
6.22:1 · AA igen
#323C50 / #ADB1B9
5.15:1 · AA igen
#ADB1B9 / #323C50
5.15:1 · AA igen
Teljes színkontraszt-mátrix
A Profession 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 | #323C50 | #4A589F | #4B5AA0 | #ADB1B9 | #50D7BE |
|---|---|---|---|---|---|
| #323C50 | 1.00 | 1.68 | 1.72 | 5.15 AA | 6.22 AA |
| #4A589F | 1.68 | 1.00 | 1.03 | 3.06 | 3.70 |
| #4B5AA0 | 1.72 | 1.03 | 1.00 | 2.99 | 3.61 |
| #ADB1B9 | 5.15 AA | 3.06 | 2.99 | 1.00 | 1.21 |
| #50D7BE | 6.22 AA | 3.70 | 3.61 | 1.21 | 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 Profession saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#323C50
A CSS-kinyerés elsőként sorolt színmintája.
Világos felületek
#FFFFFF
Világos kontextus a képernyőn és nyomtatott mintában.
Sötét felületek
#323C50
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 {
--profession-1: #323C50;
--profession-2: #4A589F;
--profession-3: #4B5AA0;
--profession-4: #ADB1B9;
--profession-5: #50D7BE;
}Elemzés: a bemutatott színek
A Profession 5 bemutatott színe közül a #323C50 kék karakterű. A legsötétebb (#323C50) és legvilágosabb (#50D7BE) árnyalat között 45 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 33,2%, az átlagos világosságuk 49%. 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 6,2: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 Profession 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 Profession színeiről
Milyen CSS-színek találhatók a Profession weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #323C50, #4A589F, #4B5AA0, #ADB1B9, #50D7BE. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a Profession színeinek HEX-kódja?
A felsorolt HEX-kódok: #323C50, #4A589F, #4B5AA0, #ADB1B9, #50D7BE. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Profession 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 Profession színpaletta?
A Profession 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ő.