Színpaletták / Márkaszínek / SmartDiszkont
MÁRKAARCULAT · ELEKTRONIKA
SmartDiszkont színei és HEX-kódjai
SmartDiszkont oldalán talált színminták: #2563EB, #6B7280, #9CA3AF, #007BFF, #3B82F6. 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 SmartDiszkont színrendszerének értelmezése
A SmartDiszkont 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 58,8%, az átlagos világosságuk 54,8%. 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 / SMARTDISZKONT
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: #2563EB
Hangulat: inkább hűvös
0/10 AA színpár
01 · SZÍNÖSSZETÉTEL
kék nyitószín · inkább hűvös színvilág
A SmartDiszkont 5 bemutatott színe közül a #2563EB kék karakterű. A legsötétebb (#2563EB) és legvilágosabb (#9CA3AF) árnyalat között 19 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 legnagyobb mért kontraszt #2563EB és #9CA3AF között 2.04: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 #2563EB lehet kiemelőszín-jelölt. A #2563EB hátteren a #FFFFFF szöveg 5.17: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.
SmartDiszkont márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#2563EB
RGB 37, 99, 235
HSL 221°, 83%, 53%
Szín 2 · CSS-minta 2
#6B7280
RGB 107, 114, 128
HSL 220°, 9%, 46%
Szín 3 · CSS-minta 3
#9CA3AF
RGB 156, 163, 175
HSL 218°, 11%, 65%
Szín 4 · CSS-minta 4
#007BFF
RGB 0, 123, 255
HSL 211°, 100%, 50%
Szín 5 · CSS-minta 5
#3B82F6
RGB 59, 130, 246
HSL 217°, 91%, 60%
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 SmartDiszkont 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: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.
#2563EB
Fehér 5.17 · Fekete 4.06
AA normál szöveg: fehér megfelel · fekete nem felel meg
#6B7280
Fehér 4.83 · Fekete 4.34
AA normál szöveg: fehér megfelel · fekete nem felel meg
#9CA3AF
Fehér 2.54 · Fekete 8.27
AA normál szöveg: fehér nem felel meg · fekete megfelel
#007BFF
Fehér 3.98 · Fekete 5.28
AA normál szöveg: fehér nem felel meg · fekete megfelel
#3B82F6
Fehér 3.68 · Fekete 5.71
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 SmartDiszkont 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 | #2563EB | #6B7280 | #9CA3AF | #007BFF | #3B82F6 |
|---|---|---|---|---|---|
| #2563EB | 1.00 | 1.07 | 2.04 | 1.30 | 1.41 |
| #6B7280 | 1.07 | 1.00 | 1.90 | 1.21 | 1.31 |
| #9CA3AF | 2.04 | 1.90 | 1.00 | 1.57 | 1.45 |
| #007BFF | 1.30 | 1.21 | 1.57 | 1.00 | 1.08 |
| #3B82F6 | 1.41 | 1.31 | 1.45 | 1.08 | 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 SmartDiszkont saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#2563EB
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
#2563EB
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 {
--smartdiszkont-1: #2563EB;
--smartdiszkont-2: #6B7280;
--smartdiszkont-3: #9CA3AF;
--smartdiszkont-4: #007BFF;
--smartdiszkont-5: #3B82F6;
}Elemzés: a bemutatott színek
A SmartDiszkont 5 bemutatott színe közül a #2563EB kék karakterű. A legsötétebb (#2563EB) és legvilágosabb (#9CA3AF) árnyalat között 19 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 58,8%, az átlagos világosságuk 54,8%. 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: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 SmartDiszkont 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 SmartDiszkont színeiről
Milyen CSS-színek találhatók a SmartDiszkont weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #2563EB, #6B7280, #9CA3AF, #007BFF, #3B82F6. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a SmartDiszkont színeinek HEX-kódja?
A felsorolt HEX-kódok: #2563EB, #6B7280, #9CA3AF, #007BFF, #3B82F6. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a SmartDiszkont 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 SmartDiszkont színpaletta?
A SmartDiszkont 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ő.