Színpaletták / Márkaszínek / Heavy Tools
MÁRKAARCULAT · DIVAT
Heavy Tools színei és HEX-kódjai
Heavy Tools oldalán talált színminták: #AACCCC, #00143F, #7D181A, #F4F4F4, #F0F0F0. 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 Heavy Tools színrendszerének értelmezése
A Heavy Tools 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 38,6%, az átlagos világosságuk 60,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 / HEAVY TOOLS
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 hűvös
6/10 AA színpár
01 · SZÍNÖSSZETÉTEL
türkiz nyitószín · inkább hűvös színvilág
A Heavy Tools 5 bemutatott színe közül a #AACCCC türkiz karakterű. A legsötétebb (#00143F) és legvilágosabb (#F4F4F4) árnyalat között 84 százalékpontos HSL-világossági különbség látható. A színkészlet inkább hűvös összhatást ad.
02 · OLVASHATÓSÁG
Mért kontraszt
A #00143F és #F4F4F4 páros 16.29: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 #00143F 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.
Heavy Tools 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
#00143F
RGB 0, 20, 63
HSL 221°, 100%, 12%
Szín 3 · CSS-minta 3
#7D181A
RGB 125, 24, 26
HSL 359°, 68%, 29%
Szín 4 · CSS-minta 4
#F4F4F4
RGB 244, 244, 244
HSL 0°, 0%, 96%
Szín 5 · CSS-minta 5
#F0F0F0
RGB 240, 240, 240
HSL 0°, 0%, 94%
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 Heavy Tools 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,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
#00143F
Fehér 17.92 · Fekete 1.17
AA normál szöveg: fehér megfelel · fekete nem felel meg
#7D181A
Fehér 10.41 · Fekete 2.02
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
#F0F0F0
Fehér 1.14 · Fekete 18.43
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.
#00143F / #F4F4F4
16.29:1 · AA igen
#F4F4F4 / #00143F
16.29:1 · AA igen
#00143F / #F0F0F0
15.73:1 · AA igen
#F0F0F0 / #00143F
15.73:1 · AA igen
#AACCCC / #00143F
10.43:1 · AA igen
#00143F / #AACCCC
10.43:1 · AA igen
Teljes színkontraszt-mátrix
A Heavy Tools 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 | #00143F | #7D181A | #F4F4F4 | #F0F0F0 |
|---|---|---|---|---|---|
| #AACCCC | 1.00 | 10.43 AA | 6.06 AA | 1.56 | 1.51 |
| #00143F | 10.43 AA | 1.00 | 1.72 | 16.29 AA | 15.73 AA |
| #7D181A | 6.06 AA | 1.72 | 1.00 | 9.46 AA | 9.13 AA |
| #F4F4F4 | 1.56 | 16.29 AA | 9.46 AA | 1.00 | 1.04 |
| #F0F0F0 | 1.51 | 15.73 AA | 9.13 AA | 1.04 | 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 Heavy Tools 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
#F4F4F4
Világos kontextus a képernyőn és nyomtatott mintában.
Sötét felületek
#00143F
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 {
--heavy-tools-1: #AACCCC;
--heavy-tools-2: #00143F;
--heavy-tools-3: #7D181A;
--heavy-tools-4: #F4F4F4;
--heavy-tools-5: #F0F0F0;
}Elemzés: a bemutatott színek
A Heavy Tools 5 bemutatott színe közül a #AACCCC türkiz karakterű. A legsötétebb (#00143F) és legvilágosabb (#F4F4F4) árnyalat között 84 százalékpontos HSL-világossági különbség látható. A színkészlet inkább hűvös összhatást ad.
A megadott színek átlagos telítettsége 38,6%, az átlagos világosságuk 60,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 16,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 Heavy Tools 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 Heavy Tools színeiről
Milyen CSS-színek találhatók a Heavy Tools weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #AACCCC, #00143F, #7D181A, #F4F4F4, #F0F0F0. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a Heavy Tools színeinek HEX-kódja?
A felsorolt HEX-kódok: #AACCCC, #00143F, #7D181A, #F4F4F4, #F0F0F0. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Heavy Tools 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 Heavy Tools színpaletta?
A Heavy Tools 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ő.