Színpaletták / Márkaszínek / Shoprenter
MÁRKAARCULAT · E-KERESKEDELEM
Shoprenter színei és HEX-kódjai
Shoprenter oldalán talált színminták: #0C0D0E, #69727D, #706F6F, #1F2124, #D6D5D5. 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 Shoprenter színrendszerének értelmezése
A Shoprenter 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 5%, az átlagos világosságuk 38,2%. 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 / SHOPRENTER
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: #0C0D0E
Hangulat: főként neutrális
2/10 AA színpár
01 · SZÍNÖSSZETÉTEL
sötét semleges nyitószín · főként neutrális színvilág
A Shoprenter 5 bemutatott színe közül a #0C0D0E sötét semleges karakterű. A legsötétebb (#0C0D0E) és legvilágosabb (#D6D5D5) árnyalat között 79 százalékpontos HSL-világossági különbség látható. A színkészlet főként neutrális összhatást ad.
02 · OLVASHATÓSÁG
Mért kontraszt
A #0C0D0E és #D6D5D5 páros 13.28: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 #0C0D0E lehet sötét kontrasztelem-jelölt. A #0C0D0E hátteren a #FFFFFF szöveg 19.45: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.
Shoprenter márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#0C0D0E
RGB 12, 13, 14
HSL 210°, 8%, 5%
Szín 2 · CSS-minta 2
#69727D
RGB 105, 114, 125
HSL 213°, 9%, 45%
Szín 3 · CSS-minta 3
#706F6F
RGB 112, 111, 111
HSL 0°, 0%, 44%
Szín 4 · CSS-minta 4
#1F2124
RGB 31, 33, 36
HSL 216°, 7%, 13%
Szín 5 · CSS-minta 5
#D6D5D5
RGB 214, 213, 213
HSL 0°, 1%, 84%
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 Shoprenter 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 13,3: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.
#0C0D0E
Fehér 19.45 · Fekete 1.08
AA normál szöveg: fehér megfelel · fekete nem felel meg
#69727D
Fehér 4.88 · Fekete 4.30
AA normál szöveg: fehér megfelel · fekete nem felel meg
#706F6F
Fehér 5.01 · Fekete 4.19
AA normál szöveg: fehér megfelel · fekete nem felel meg
#1F2124
Fehér 16.14 · Fekete 1.30
AA normál szöveg: fehér megfelel · fekete nem felel meg
#D6D5D5
Fehér 1.46 · Fekete 14.34
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.
#0C0D0E / #D6D5D5
13.28:1 · AA igen
#D6D5D5 / #0C0D0E
13.28:1 · AA igen
#1F2124 / #D6D5D5
11.02:1 · AA igen
#D6D5D5 / #1F2124
11.02:1 · AA igen
Teljes színkontraszt-mátrix
A Shoprenter 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 | #0C0D0E | #69727D | #706F6F | #1F2124 | #D6D5D5 |
|---|---|---|---|---|---|
| #0C0D0E | 1.00 | 3.99 | 3.88 | 1.21 | 13.28 AA |
| #69727D | 3.99 | 1.00 | 1.03 | 3.31 | 3.33 |
| #706F6F | 3.88 | 1.03 | 1.00 | 3.22 | 3.42 |
| #1F2124 | 1.21 | 3.31 | 3.22 | 1.00 | 11.02 AA |
| #D6D5D5 | 13.28 AA | 3.33 | 3.42 | 11.02 AA | 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 Shoprenter saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#0C0D0E
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
#0C0D0E
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 {
--shoprenter-1: #0C0D0E;
--shoprenter-2: #69727D;
--shoprenter-3: #706F6F;
--shoprenter-4: #1F2124;
--shoprenter-5: #D6D5D5;
}Elemzés: a bemutatott színek
A Shoprenter 5 bemutatott színe közül a #0C0D0E sötét semleges karakterű. A legsötétebb (#0C0D0E) és legvilágosabb (#D6D5D5) árnyalat között 79 százalékpontos HSL-világossági különbség látható. A színkészlet főként neutrális összhatást ad.
A megadott színek átlagos telítettsége 5%, az átlagos világosságuk 38,2%. 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 13,3: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 Shoprenter 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 Shoprenter színeiről
Milyen CSS-színek találhatók a Shoprenter weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #0C0D0E, #69727D, #706F6F, #1F2124, #D6D5D5. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a Shoprenter színeinek HEX-kódja?
A felsorolt HEX-kódok: #0C0D0E, #69727D, #706F6F, #1F2124, #D6D5D5. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Shoprenter 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 Shoprenter színpaletta?
A Shoprenter 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 színrendszerek: színpaletta-katalógus és színelemző.