Színpaletták / Márkaszínek / Cserpes
MÁRKAARCULAT · ÉLELMISZER
Cserpes színei és HEX-kódjai
Cserpes oldalán talált színminták: #C1AE87, #DCD6D0, #B3D4FC, #FFFF00, #C0C0C0. 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 Cserpes színrendszerének értelmezése
A Cserpes 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 47,8%, az átlagos világosságuk 71,6%. 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 / CSERPES
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: #C1AE87
Hangulat: inkább meleg
0/10 AA színpár
01 · SZÍNÖSSZETÉTEL
narancs nyitószín · inkább meleg színvilág
A Cserpes 5 bemutatott színe közül a #C1AE87 narancs karakterű. A legsötétebb (#C1AE87) és legvilágosabb (#FFFF00) árnyalat között 35 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 #C1AE87 és #FFFF00 között 2.02: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 #C1AE87 lehet kiemelőszín-jelölt. A #C1AE87 hátteren a #111111 szöveg 8.70: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.
Cserpes márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#C1AE87
RGB 193, 174, 135
HSL 40°, 32%, 64%
Szín 2 · CSS-minta 2
#DCD6D0
RGB 220, 214, 208
HSL 30°, 15%, 84%
Szín 3 · CSS-minta 3
#B3D4FC
RGB 179, 212, 252
HSL 213°, 92%, 85%
Szín 4 · CSS-minta 4
#FFFF00
RGB 255, 255, 0
HSL 60°, 100%, 50%
Szín 5 · CSS-minta 5
#C0C0C0
RGB 192, 192, 192
HSL 0°, 0%, 75%
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 Cserpes 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.
#C1AE87
Fehér 2.17 · Fekete 9.67
AA normál szöveg: fehér nem felel meg · fekete megfelel
#DCD6D0
Fehér 1.44 · Fekete 14.57
AA normál szöveg: fehér nem felel meg · fekete megfelel
#B3D4FC
Fehér 1.53 · Fekete 13.74
AA normál szöveg: fehér nem felel meg · fekete megfelel
#FFFF00
Fehér 1.07 · Fekete 19.56
AA normál szöveg: fehér nem felel meg · fekete megfelel
#C0C0C0
Fehér 1.82 · Fekete 11.54
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 Cserpes 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 | #C1AE87 | #DCD6D0 | #B3D4FC | #FFFF00 | #C0C0C0 |
|---|---|---|---|---|---|
| #C1AE87 | 1.00 | 1.51 | 1.42 | 2.02 | 1.19 |
| #DCD6D0 | 1.51 | 1.00 | 1.06 | 1.34 | 1.26 |
| #B3D4FC | 1.42 | 1.06 | 1.00 | 1.42 | 1.19 |
| #FFFF00 | 2.02 | 1.34 | 1.42 | 1.00 | 1.69 |
| #C0C0C0 | 1.19 | 1.26 | 1.19 | 1.69 | 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 Cserpes saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#C1AE87
A CSS-kinyerés elsőként sorolt színmintája.
Világos felületek
#FFFF00
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 {
--cserpes-1: #C1AE87;
--cserpes-2: #DCD6D0;
--cserpes-3: #B3D4FC;
--cserpes-4: #FFFF00;
--cserpes-5: #C0C0C0;
}Elemzés: a bemutatott színek
A Cserpes 5 bemutatott színe közül a #C1AE87 narancs karakterű. A legsötétebb (#C1AE87) és legvilágosabb (#FFFF00) árnyalat között 35 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 47,8%, az átlagos világosságuk 71,6%. 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 Cserpes 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 Cserpes színeiről
Milyen CSS-színek találhatók a Cserpes weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #C1AE87, #DCD6D0, #B3D4FC, #FFFF00, #C0C0C0. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a Cserpes színeinek HEX-kódja?
A felsorolt HEX-kódok: #C1AE87, #DCD6D0, #B3D4FC, #FFFF00, #C0C0C0. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Cserpes 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 Cserpes színpaletta?
A Cserpes 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ő.