Színpaletták / Márkaszínek / Ka-Pa
MÁRKAARCULAT · KERÁMIA
Ka-Pa színei és HEX-kódjai
Ka-Pa oldalán talált színminták: #226F79, #181615, #919191, #C4C4C4, #E6E6E6. 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 Ka-Pa színrendszerének értelmezése
A Ka-Pa 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 12,6%, az átlagos világosságuk 52,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 / KA-PA
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: #226F79
Hangulat: főként neutrális
4/10 AA színpár
01 · SZÍNÖSSZETÉTEL
türkiz nyitószín · főként neutrális színvilág
A Ka-Pa 5 bemutatott színe közül a #226F79 türkiz karakterű. A legsötétebb (#181615) és legvilágosabb (#E6E6E6) árnyalat között 81 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 #181615 és #E6E6E6 páros 14.45: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 4 felel meg.
03 · WEBES ALKALMAZÁS
Használati javaslat
Kísérleti webes alkalmazásnál a #226F79 lehet kiemelőszín-jelölt. A #226F79 hátteren a #FFFFFF szöveg 5.80: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.
Ka-Pa márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#226F79
RGB 34, 111, 121
HSL 187°, 56%, 30%
Szín 2 · CSS-minta 2
#181615
RGB 24, 22, 21
HSL 20°, 7%, 9%
Szín 3 · CSS-minta 3
#919191
RGB 145, 145, 145
HSL 0°, 0%, 57%
Szín 4 · CSS-minta 4
#C4C4C4
RGB 196, 196, 196
HSL 0°, 0%, 77%
Szín 5 · CSS-minta 5
#E6E6E6
RGB 230, 230, 230
HSL 0°, 0%, 90%
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 Ka-Pa 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,5:1; a vizsgált, különböző színekből álló irányított párok közül 8/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.
#226F79
Fehér 5.80 · Fekete 3.62
AA normál szöveg: fehér megfelel · fekete nem felel meg
#181615
Fehér 18.03 · Fekete 1.16
AA normál szöveg: fehér megfelel · fekete nem felel meg
#919191
Fehér 3.15 · Fekete 6.66
AA normál szöveg: fehér nem felel meg · fekete megfelel
#C4C4C4
Fehér 1.74 · Fekete 12.04
AA normál szöveg: fehér nem felel meg · fekete megfelel
#E6E6E6
Fehér 1.25 · Fekete 16.83
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.
#181615 / #E6E6E6
14.45:1 · AA igen
#E6E6E6 / #181615
14.45:1 · AA igen
#181615 / #C4C4C4
10.34:1 · AA igen
#C4C4C4 / #181615
10.34:1 · AA igen
#181615 / #919191
5.72:1 · AA igen
#919191 / #181615
5.72:1 · AA igen
Teljes színkontraszt-mátrix
A Ka-Pa 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 | #226F79 | #181615 | #919191 | #C4C4C4 | #E6E6E6 |
|---|---|---|---|---|---|
| #226F79 | 1.00 | 3.11 | 1.84 | 3.33 | 4.65 AA |
| #181615 | 3.11 | 1.00 | 5.72 AA | 10.34 AA | 14.45 AA |
| #919191 | 1.84 | 5.72 AA | 1.00 | 1.81 | 2.53 |
| #C4C4C4 | 3.33 | 10.34 AA | 1.81 | 1.00 | 1.40 |
| #E6E6E6 | 4.65 AA | 14.45 AA | 2.53 | 1.40 | 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 Ka-Pa saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#226F79
A CSS-kinyerés elsőként sorolt színmintája.
Világos felületek
#E6E6E6
Világos kontextus a képernyőn és nyomtatott mintában.
Sötét felületek
#226F79
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 {
--ka-pa-1: #226F79;
--ka-pa-2: #181615;
--ka-pa-3: #919191;
--ka-pa-4: #C4C4C4;
--ka-pa-5: #E6E6E6;
}Elemzés: a bemutatott színek
A Ka-Pa 5 bemutatott színe közül a #226F79 türkiz karakterű. A legsötétebb (#181615) és legvilágosabb (#E6E6E6) árnyalat között 81 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 12,6%, az átlagos világosságuk 52,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 14,5:1; a vizsgált, különböző színekből álló irányított párok közül 8/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 Ka-Pa 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 Ka-Pa színeiről
Milyen CSS-színek találhatók a Ka-Pa weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #226F79, #181615, #919191, #C4C4C4, #E6E6E6. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a Ka-Pa színeinek HEX-kódja?
A felsorolt HEX-kódok: #226F79, #181615, #919191, #C4C4C4, #E6E6E6. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Ka-Pa 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 Ka-Pa színpaletta?
A Ka-Pa 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ő.