Színpaletták / Márkaszínek / Office Shoes
MÁRKAARCULAT · CIPŐ
Office Shoes színei és HEX-kódjai
Office Shoes oldalán talált színminták: #337AB7, #DDDDDD, #015D84, #777777, #A94442. 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 Office Shoes színrendszerének értelmezése
A Office Shoes 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 39,6%, az átlagos világosságuk 50,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 / OFFICE SHOES
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: #337AB7
Hangulat: inkább hűvös
1/10 AA színpár
01 · SZÍNÖSSZETÉTEL
kék nyitószín · inkább hűvös színvilág
A Office Shoes 5 bemutatott színe közül a #337AB7 kék karakterű. A legsötétebb (#015D84) és legvilágosabb (#DDDDDD) árnyalat között 61 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 #DDDDDD és #015D84 páros 5.33: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 1 felel meg.
03 · WEBES ALKALMAZÁS
Használati javaslat
Kísérleti webes alkalmazásnál a #337AB7 lehet kiemelőszín-jelölt. A #337AB7 hátteren a #FFFFFF szöveg 4.56: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.
Office Shoes márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#337AB7
RGB 51, 122, 183
HSL 208°, 56%, 46%
Szín 2 · CSS-minta 2
#DDDDDD
RGB 221, 221, 221
HSL 0°, 0%, 87%
Szín 3 · CSS-minta 3
#015D84
RGB 1, 93, 132
HSL 198°, 98%, 26%
Szín 4 · CSS-minta 4
#777777
RGB 119, 119, 119
HSL 0°, 0%, 47%
Szín 5 · CSS-minta 5
#A94442
RGB 169, 68, 66
HSL 1°, 44%, 46%
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 Office Shoes 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 5,3:1; a vizsgált, különböző színekből álló irányított párok közül 2/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.
#337AB7
Fehér 4.56 · Fekete 4.61
AA normál szöveg: fehér megfelel · fekete megfelel
#DDDDDD
Fehér 1.36 · Fekete 15.46
AA normál szöveg: fehér nem felel meg · fekete megfelel
#015D84
Fehér 7.24 · Fekete 2.90
AA normál szöveg: fehér megfelel · fekete nem felel meg
#777777
Fehér 4.48 · Fekete 4.69
AA normál szöveg: fehér nem felel meg · fekete megfelel
#A94442
Fehér 5.85 · Fekete 3.59
AA normál szöveg: fehér megfelel · fekete nem felel meg
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.
#DDDDDD / #015D84
5.33:1 · AA igen
#015D84 / #DDDDDD
5.33:1 · AA igen
Teljes színkontraszt-mátrix
A Office Shoes 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 | #337AB7 | #DDDDDD | #015D84 | #777777 | #A94442 |
|---|---|---|---|---|---|
| #337AB7 | 1.00 | 3.36 | 1.59 | 1.02 | 1.28 |
| #DDDDDD | 3.36 | 1.00 | 5.33 AA | 3.30 | 4.30 |
| #015D84 | 1.59 | 5.33 AA | 1.00 | 1.62 | 1.24 |
| #777777 | 1.02 | 3.30 | 1.62 | 1.00 | 1.31 |
| #A94442 | 1.28 | 4.30 | 1.24 | 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 Office Shoes saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#337AB7
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
#015D84
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 {
--office-shoes-1: #337AB7;
--office-shoes-2: #DDDDDD;
--office-shoes-3: #015D84;
--office-shoes-4: #777777;
--office-shoes-5: #A94442;
}Elemzés: a bemutatott színek
A Office Shoes 5 bemutatott színe közül a #337AB7 kék karakterű. A legsötétebb (#015D84) és legvilágosabb (#DDDDDD) árnyalat között 61 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 39,6%, az átlagos világosságuk 50,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 5,3:1; a vizsgált, különböző színekből álló irányított párok közül 2/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 Office Shoes 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 Office Shoes színeiről
Milyen CSS-színek találhatók a Office Shoes weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #337AB7, #DDDDDD, #015D84, #777777, #A94442. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a Office Shoes színeinek HEX-kódja?
A felsorolt HEX-kódok: #337AB7, #DDDDDD, #015D84, #777777, #A94442. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Office Shoes 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 Office Shoes színpaletta?
A Office Shoes 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ő.