Színpaletták / Márkaszínek / Petissimo
MÁRKAARCULAT · ÁLLATELEDEL
Petissimo színei és HEX-kódjai
Petissimo oldalán talált színminták: #AACCCC, #760D10, #4E090B, #F9B947, #FEF6E8. 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 Petissimo színrendszerének értelmezése
A Petissimo 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 74%, 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 / PETISSIMO
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: #AACCCC
Hangulat: inkább meleg
6/10 AA színpár
01 · SZÍNÖSSZETÉTEL
türkiz nyitószín · inkább meleg színvilág
A Petissimo 5 bemutatott színe közül a #AACCCC türkiz karakterű. A legsötétebb (#4E090B) és legvilágosabb (#FEF6E8) árnyalat között 78 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 #4E090B és #FEF6E8 páros 14.30: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 6 felel meg.
03 · WEBES ALKALMAZÁS
Használati javaslat
Kísérleti webes alkalmazásnál a #760D10 lehet kiemelőszín-jelölt. A #AACCCC hátteren a #111111 szöveg 10.99: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.
Petissimo márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#AACCCC
RGB 170, 204, 204
HSL 180°, 25%, 73%
Szín 2 · CSS-minta 2
#760D10
RGB 118, 13, 16
HSL 358°, 80%, 26%
Szín 3 · CSS-minta 3
#4E090B
RGB 78, 9, 11
HSL 358°, 79%, 17%
Szín 4 · CSS-minta 4
#F9B947
RGB 249, 185, 71
HSL 38°, 94%, 63%
Szín 5 · CSS-minta 5
#FEF6E8
RGB 254, 246, 232
HSL 38°, 92%, 95%
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 Petissimo 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 14,3:1; a vizsgált, különböző színekből álló irányított párok közül 12/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.
#AACCCC
Fehér 1.72 · Fekete 12.22
AA normál szöveg: fehér nem felel meg · fekete megfelel
#760D10
Fehér 11.44 · Fekete 1.84
AA normál szöveg: fehér megfelel · fekete nem felel meg
#4E090B
Fehér 15.35 · Fekete 1.37
AA normál szöveg: fehér megfelel · fekete nem felel meg
#F9B947
Fehér 1.74 · Fekete 12.06
AA normál szöveg: fehér nem felel meg · fekete megfelel
#FEF6E8
Fehér 1.07 · Fekete 19.56
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.
#4E090B / #FEF6E8
14.30:1 · AA igen
#FEF6E8 / #4E090B
14.30:1 · AA igen
#760D10 / #FEF6E8
10.66:1 · AA igen
#FEF6E8 / #760D10
10.66:1 · AA igen
#AACCCC / #4E090B
8.93:1 · AA igen
#4E090B / #AACCCC
8.93:1 · AA igen
Teljes színkontraszt-mátrix
A Petissimo 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 | #AACCCC | #760D10 | #4E090B | #F9B947 | #FEF6E8 |
|---|---|---|---|---|---|
| #AACCCC | 1.00 | 6.66 AA | 8.93 AA | 1.01 | 1.60 |
| #760D10 | 6.66 AA | 1.00 | 1.34 | 6.57 AA | 10.66 AA |
| #4E090B | 8.93 AA | 1.34 | 1.00 | 8.82 AA | 14.30 AA |
| #F9B947 | 1.01 | 6.57 AA | 8.82 AA | 1.00 | 1.62 |
| #FEF6E8 | 1.60 | 10.66 AA | 14.30 AA | 1.62 | 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 Petissimo saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#AACCCC
A CSS-kinyerés elsőként sorolt színmintája.
Világos felületek
#FEF6E8
Világos kontextus a képernyőn és nyomtatott mintában.
Sötét felületek
#760D10
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 {
--petissimo-1: #AACCCC;
--petissimo-2: #760D10;
--petissimo-3: #4E090B;
--petissimo-4: #F9B947;
--petissimo-5: #FEF6E8;
}Elemzés: a bemutatott színek
A Petissimo 5 bemutatott színe közül a #AACCCC türkiz karakterű. A legsötétebb (#4E090B) és legvilágosabb (#FEF6E8) árnyalat között 78 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 74%, 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 14,3:1; a vizsgált, különböző színekből álló irányított párok közül 12/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 Petissimo 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 Petissimo színeiről
Milyen CSS-színek találhatók a Petissimo weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #AACCCC, #760D10, #4E090B, #F9B947, #FEF6E8. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a Petissimo színeinek HEX-kódja?
A felsorolt HEX-kódok: #AACCCC, #760D10, #4E090B, #F9B947, #FEF6E8. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Petissimo 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 Petissimo színpaletta?
A Petissimo 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ő.