Színpaletták / Márkaszínek / Butlers
MÁRKAARCULAT · LAKBERENDEZÉS
Butlers színei és HEX-kódjai
Butlers oldalán talált színminták: #0A0A0A, #8ACEC9, #E79632, #E06574, #C6C6C6. 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 Butlers színrendszerének értelmezése
A Butlers 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 37,2%, az átlagos világosságuk 53,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 / BUTLERS
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: #0A0A0A
Hangulat: inkább meleg
4/10 AA színpár
01 · SZÍNÖSSZETÉTEL
sötét semleges nyitószín · inkább meleg színvilág
A Butlers 5 bemutatott színe közül a #0A0A0A sötét semleges karakterű. A legsötétebb (#0A0A0A) és legvilágosabb (#C6C6C6) árnyalat között 74 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 #0A0A0A és #C6C6C6 páros 11.59: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 #8ACEC9 lehet kiemelőszín-jelölt. A #0A0A0A hátteren a #FFFFFF szöveg 19.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.
Butlers márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#0A0A0A
RGB 10, 10, 10
HSL 0°, 0%, 4%
Szín 2 · CSS-minta 2
#8ACEC9
RGB 138, 206, 201
HSL 176°, 41%, 67%
Szín 3 · CSS-minta 3
#E79632
RGB 231, 150, 50
HSL 33°, 79%, 55%
Szín 4 · CSS-minta 4
#E06574
RGB 224, 101, 116
HSL 353°, 66%, 64%
Szín 5 · CSS-minta 5
#C6C6C6
RGB 198, 198, 198
HSL 0°, 0%, 78%
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 Butlers 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 11,6: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.
#0A0A0A
Fehér 19.80 · Fekete 1.06
AA normál szöveg: fehér megfelel · fekete nem felel meg
#8ACEC9
Fehér 1.79 · Fekete 11.75
AA normál szöveg: fehér nem felel meg · fekete megfelel
#E79632
Fehér 2.38 · Fekete 8.81
AA normál szöveg: fehér nem felel meg · fekete megfelel
#E06574
Fehér 3.34 · Fekete 6.28
AA normál szöveg: fehér nem felel meg · fekete megfelel
#C6C6C6
Fehér 1.71 · Fekete 12.29
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.
#0A0A0A / #C6C6C6
11.59:1 · AA igen
#C6C6C6 / #0A0A0A
11.59:1 · AA igen
#0A0A0A / #8ACEC9
11.08:1 · AA igen
#8ACEC9 / #0A0A0A
11.08:1 · AA igen
#0A0A0A / #E79632
8.30:1 · AA igen
#E79632 / #0A0A0A
8.30:1 · AA igen
Teljes színkontraszt-mátrix
A Butlers 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 | #0A0A0A | #8ACEC9 | #E79632 | #E06574 | #C6C6C6 |
|---|---|---|---|---|---|
| #0A0A0A | 1.00 | 11.08 AA | 8.30 AA | 5.92 AA | 11.59 AA |
| #8ACEC9 | 11.08 AA | 1.00 | 1.33 | 1.87 | 1.05 |
| #E79632 | 8.30 AA | 1.33 | 1.00 | 1.40 | 1.40 |
| #E06574 | 5.92 AA | 1.87 | 1.40 | 1.00 | 1.96 |
| #C6C6C6 | 11.59 AA | 1.05 | 1.40 | 1.96 | 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 Butlers saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#0A0A0A
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
#0A0A0A
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 {
--butlers-1: #0A0A0A;
--butlers-2: #8ACEC9;
--butlers-3: #E79632;
--butlers-4: #E06574;
--butlers-5: #C6C6C6;
}Elemzés: a bemutatott színek
A Butlers 5 bemutatott színe közül a #0A0A0A sötét semleges karakterű. A legsötétebb (#0A0A0A) és legvilágosabb (#C6C6C6) árnyalat között 74 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 37,2%, az átlagos világosságuk 53,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 11,6: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 Butlers 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 Butlers színeiről
Milyen CSS-színek találhatók a Butlers weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #0A0A0A, #8ACEC9, #E79632, #E06574, #C6C6C6. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a Butlers színeinek HEX-kódja?
A felsorolt HEX-kódok: #0A0A0A, #8ACEC9, #E79632, #E06574, #C6C6C6. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Butlers 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 Butlers színpaletta?
A Butlers 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ő.