Színpaletták / Márkaszínek / OBI
MÁRKAARCULAT · ÉPÍTŐIPAR
OBI színei és HEX-kódjai
OBI oldalán talált színminták: #D8D8D8, #007AFF, #EC6302, #EB9B32, #BDBDBD. 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 OBI színrendszerének értelmezése
A OBI 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 56%, 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 / OBI
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: #D8D8D8
Hangulat: inkább meleg
0/10 AA színpár
01 · SZÍNÖSSZETÉTEL
semleges szürke nyitószín · inkább meleg színvilág
A OBI 5 bemutatott színe közül a #D8D8D8 semleges szürke karakterű. A legsötétebb (#007AFF) és legvilágosabb (#D8D8D8) árnyalat között 38 százalékpontos HSL-világossági különbség látható. A színkészlet inkább meleg összhatást ad.
02 · OLVASHATÓSÁG
Mért kontraszt
A legnagyobb mért kontraszt #D8D8D8 és #007AFF között 2.82:1. Ez nem éri el a normál szövegre ajánlott 4,5:1 WCAG AA küszöböt; érdemes külön, megfelelő kontrasztú szövegszínt választani.
03 · WEBES ALKALMAZÁS
Használati javaslat
Kísérleti webes alkalmazásnál a #007AFF lehet kiemelőszín-jelölt. A #D8D8D8 hátteren a #111111 szöveg 13.25: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.
OBI márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#D8D8D8
RGB 216, 216, 216
HSL 0°, 0%, 85%
Szín 2 · CSS-minta 2
#007AFF
RGB 0, 122, 255
HSL 211°, 100%, 50%
Szín 3 · CSS-minta 3
#EC6302
RGB 236, 99, 2
HSL 25°, 98%, 47%
Szín 4 · CSS-minta 4
#EB9B32
RGB 235, 155, 50
HSL 34°, 82%, 56%
Szín 5 · CSS-minta 5
#BDBDBD
RGB 189, 189, 189
HSL 0°, 0%, 74%
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 OBI 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 2,8:1; a vizsgált, különböző színekből álló irányított párok közül 0/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.
#D8D8D8
Fehér 1.43 · Fekete 14.73
AA normál szöveg: fehér nem felel meg · fekete megfelel
#007AFF
Fehér 4.02 · Fekete 5.23
AA normál szöveg: fehér nem felel meg · fekete megfelel
#EC6302
Fehér 3.31 · Fekete 6.35
AA normál szöveg: fehér nem felel meg · fekete megfelel
#EB9B32
Fehér 2.27 · Fekete 9.27
AA normál szöveg: fehér nem felel meg · fekete megfelel
#BDBDBD
Fehér 1.88 · Fekete 11.18
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.
A felsorolt színpárok között nincs AA-szintű normál szöveges kontraszt.
Teljes színkontraszt-mátrix
A OBI 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 | #D8D8D8 | #007AFF | #EC6302 | #EB9B32 | #BDBDBD |
|---|---|---|---|---|---|
| #D8D8D8 | 1.00 | 2.82 | 2.32 | 1.59 | 1.32 |
| #007AFF | 2.82 | 1.00 | 1.22 | 1.77 | 2.14 |
| #EC6302 | 2.32 | 1.22 | 1.00 | 1.46 | 1.76 |
| #EB9B32 | 1.59 | 1.77 | 1.46 | 1.00 | 1.21 |
| #BDBDBD | 1.32 | 2.14 | 1.76 | 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 OBI saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#D8D8D8
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
#15181C
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 {
--obi-1: #D8D8D8;
--obi-2: #007AFF;
--obi-3: #EC6302;
--obi-4: #EB9B32;
--obi-5: #BDBDBD;
}Elemzés: a bemutatott színek
A OBI 5 bemutatott színe közül a #D8D8D8 semleges szürke karakterű. A legsötétebb (#007AFF) és legvilágosabb (#D8D8D8) árnyalat között 38 százalékpontos HSL-világossági különbség látható. A színkészlet inkább meleg összhatást ad.
A megadott színek átlagos telítettsége 56%, 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 2,8:1; a vizsgált, különböző színekből álló irányított párok közül 0/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 OBI 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 OBI színeiről
Milyen CSS-színek találhatók a OBI weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #D8D8D8, #007AFF, #EC6302, #EB9B32, #BDBDBD. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a OBI színeinek HEX-kódja?
A felsorolt HEX-kódok: #D8D8D8, #007AFF, #EC6302, #EB9B32, #BDBDBD. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a OBI 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 OBI színpaletta?
A OBI 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ő.