Színpaletták / Márkaszínek / Pingvin Patika
MÁRKAARCULAT · GYÓGYSZERTÁR
Pingvin Patika színei és HEX-kódjai
Pingvin Patika oldalán talált színminták: #006BB4, #F88B18, #DDDDDD, #757575, #FF5501. 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 Pingvin Patika színrendszerének értelmezése
A Pingvin Patika 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,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 / PINGVIN PATIKA
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: #006BB4
Hangulat: inkább meleg
0/10 AA színpár
01 · SZÍNÖSSZETÉTEL
kék nyitószín · inkább meleg színvilág
A Pingvin Patika 5 bemutatott színe közül a #006BB4 kék karakterű. A legsötétebb (#006BB4) és legvilágosabb (#DDDDDD) árnyalat között 52 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 #006BB4 és #DDDDDD között 4.11: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 #006BB4 lehet kiemelőszín-jelölt. A #006BB4 hátteren a #FFFFFF szöveg 5.58: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.
Pingvin Patika márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#006BB4
RGB 0, 107, 180
HSL 204°, 100%, 35%
Szín 2 · CSS-minta 2
#F88B18
RGB 248, 139, 24
HSL 31°, 94%, 53%
Szín 3 · CSS-minta 3
#DDDDDD
RGB 221, 221, 221
HSL 0°, 0%, 87%
Szín 4 · CSS-minta 4
#757575
RGB 117, 117, 117
HSL 0°, 0%, 46%
Szín 5 · CSS-minta 5
#FF5501
RGB 255, 85, 1
HSL 20°, 100%, 50%
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 Pingvin Patika 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 4,1: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.
#006BB4
Fehér 5.58 · Fekete 3.76
AA normál szöveg: fehér megfelel · fekete nem felel meg
#F88B18
Fehér 2.41 · Fekete 8.70
AA normál szöveg: fehér nem felel meg · fekete megfelel
#DDDDDD
Fehér 1.36 · Fekete 15.46
AA normál szöveg: fehér nem felel meg · fekete megfelel
#757575
Fehér 4.61 · Fekete 4.56
AA normál szöveg: fehér megfelel · fekete megfelel
#FF5501
Fehér 3.21 · Fekete 6.55
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 Pingvin Patika 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 | #006BB4 | #F88B18 | #DDDDDD | #757575 | #FF5501 |
|---|---|---|---|---|---|
| #006BB4 | 1.00 | 2.31 | 4.11 | 1.21 | 1.74 |
| #F88B18 | 2.31 | 1.00 | 1.78 | 1.91 | 1.33 |
| #DDDDDD | 4.11 | 1.78 | 1.00 | 3.39 | 2.36 |
| #757575 | 1.21 | 1.91 | 3.39 | 1.00 | 1.44 |
| #FF5501 | 1.74 | 1.33 | 2.36 | 1.44 | 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 Pingvin Patika saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#006BB4
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
#006BB4
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 {
--pingvin-patika-1: #006BB4;
--pingvin-patika-2: #F88B18;
--pingvin-patika-3: #DDDDDD;
--pingvin-patika-4: #757575;
--pingvin-patika-5: #FF5501;
}Elemzés: a bemutatott színek
A Pingvin Patika 5 bemutatott színe közül a #006BB4 kék karakterű. A legsötétebb (#006BB4) és legvilágosabb (#DDDDDD) árnyalat között 52 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 58,8%, az átlagos világosságuk 54,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 4,1: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 Pingvin Patika 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 Pingvin Patika színeiről
Milyen CSS-színek találhatók a Pingvin Patika weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #006BB4, #F88B18, #DDDDDD, #757575, #FF5501. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a Pingvin Patika színeinek HEX-kódja?
A felsorolt HEX-kódok: #006BB4, #F88B18, #DDDDDD, #757575, #FF5501. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Pingvin Patika 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 Pingvin Patika színpaletta?
A Pingvin Patika 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ő.