Színpaletták / Márkaszínek / Koffein Roasters
MÁRKAARCULAT · KÁVÉ
Koffein Roasters színei és HEX-kódjai
Koffein Roasters oldalán talált színminták: #AADDDD, #181818, #F4F4F4, #0274BE, #777777. 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 Koffein Roasters színrendszerének értelmezése
A Koffein Roasters 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 28,2%, az átlagos világosságuk 53,4%. 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 / KOFFEIN ROASTERS
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: #AADDDD
Hangulat: főként neutrális
2/10 AA színpár
01 · SZÍNÖSSZETÉTEL
türkiz nyitószín · főként neutrális színvilág
A Koffein Roasters 5 bemutatott színe közül a #AADDDD türkiz karakterű. A legsötétebb (#181818) és legvilágosabb (#F4F4F4) árnyalat között 87 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 #181818 és #F4F4F4 páros 16.14: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 2 felel meg.
03 · WEBES ALKALMAZÁS
Használati javaslat
Kísérleti webes alkalmazásnál a #AADDDD lehet kiemelőszín-jelölt. A #AADDDD hátteren a #111111 szöveg 12.67: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.
Koffein Roasters márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#AADDDD
RGB 170, 221, 221
HSL 180°, 43%, 77%
Szín 2 · CSS-minta 2
#181818
RGB 24, 24, 24
HSL 0°, 0%, 9%
Szín 3 · CSS-minta 3
#F4F4F4
RGB 244, 244, 244
HSL 0°, 0%, 96%
Szín 4 · CSS-minta 4
#0274BE
RGB 2, 116, 190
HSL 204°, 98%, 38%
Szín 5 · CSS-minta 5
#777777
RGB 119, 119, 119
HSL 0°, 0%, 47%
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 Koffein Roasters 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 16,1:1; a vizsgált, különböző színekből álló irányított párok közül 6/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.
#AADDDD
Fehér 1.49 · Fekete 14.10
AA normál szöveg: fehér nem felel meg · fekete megfelel
#181818
Fehér 17.76 · Fekete 1.18
AA normál szöveg: fehér megfelel · fekete nem felel meg
#F4F4F4
Fehér 1.10 · Fekete 19.09
AA normál szöveg: fehér nem felel meg · fekete megfelel
#0274BE
Fehér 4.95 · Fekete 4.24
AA normál szöveg: fehér megfelel · fekete nem felel meg
#777777
Fehér 4.48 · Fekete 4.69
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.
#181818 / #F4F4F4
16.14:1 · AA igen
#F4F4F4 / #181818
16.14:1 · AA igen
#AADDDD / #181818
11.92:1 · AA igen
#181818 / #AADDDD
11.92:1 · AA igen
#F4F4F4 / #0274BE
4.50:1 · AA igen
#0274BE / #F4F4F4
4.50:1 · AA igen
Teljes színkontraszt-mátrix
A Koffein Roasters 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 | #AADDDD | #181818 | #F4F4F4 | #0274BE | #777777 |
|---|---|---|---|---|---|
| #AADDDD | 1.00 | 11.92 AA | 1.35 | 3.32 | 3.01 |
| #181818 | 11.92 AA | 1.00 | 16.14 AA | 3.59 | 3.97 |
| #F4F4F4 | 1.35 | 16.14 AA | 1.00 | 4.50 | 4.07 |
| #0274BE | 3.32 | 3.59 | 4.50 | 1.00 | 1.10 |
| #777777 | 3.01 | 3.97 | 4.07 | 1.10 | 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 Koffein Roasters saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#AADDDD
A CSS-kinyerés elsőként sorolt színmintája.
Világos felületek
#F4F4F4
Világos kontextus a képernyőn és nyomtatott mintában.
Sötét felületek
#181818
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 {
--koffein-roasters-1: #AADDDD;
--koffein-roasters-2: #181818;
--koffein-roasters-3: #F4F4F4;
--koffein-roasters-4: #0274BE;
--koffein-roasters-5: #777777;
}Elemzés: a bemutatott színek
A Koffein Roasters 5 bemutatott színe közül a #AADDDD türkiz karakterű. A legsötétebb (#181818) és legvilágosabb (#F4F4F4) árnyalat között 87 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 28,2%, az átlagos világosságuk 53,4%. 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 16,1:1; a vizsgált, különböző színekből álló irányított párok közül 6/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 Koffein Roasters 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 Koffein Roasters színeiről
Milyen CSS-színek találhatók a Koffein Roasters weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #AADDDD, #181818, #F4F4F4, #0274BE, #777777. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a Koffein Roasters színeinek HEX-kódja?
A felsorolt HEX-kódok: #AADDDD, #181818, #F4F4F4, #0274BE, #777777. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Koffein Roasters 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 Koffein Roasters színpaletta?
A Koffein Roasters 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ő.