Színpaletták / Márkaszínek / ReadyTools
MÁRKAARCULAT · MAGYAR VÁLLALKOZÁSOK
ReadyTools színei és HEX-kódjai
A ReadyTools-hoz itt bemutatott kékes összeállítás csak szemléltető példa; nem igazolt, hogy ezek együtt a ReadyTools tényleges vállalati arculatát alkotják. Ezért a példát nem értékeljük hivatalos márkaszínrendszerként.
5 árnyalat · Kattints egy színre a HEX másolásához
A ReadyTools színrendszerének értelmezése
Fontos: ez a ReadyTools ihlette, nem hivatalosan igazolt színösszeállítás. Nem állítjuk, hogy a cég ezeket a HEX-kódokat együtt használja.
A megadott színek átlagos telítettsége 37,8%, az átlagos világosságuk 55%. 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 / READYTOOLS
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: #111827
Hangulat: inkább hűvös
4/10 AA színpár
01 · SZÍNÖSSZETÉTEL
mély, sötét tónus nyitószín · inkább hűvös színvilág
A ReadyTools 5 bemutatott színe közül a #111827 mély, sötét tónus karakterű. A legsötétebb (#111827) és legvilágosabb (#FFFFFF) árnyalat között 89 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 #111827 és #FFFFFF páros 17.74: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 #111827 lehet kiemelőszín-jelölt. A #111827 hátteren a #FFFFFF szöveg 17.74: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.
ReadyTools márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · Elsődleges referencia
#111827
RGB 17, 24, 39
HSL 221°, 39%, 11%
Szín 2 · Második arculati szín
#FFFFFF
RGB 255, 255, 255
HSL 0°, 0%, 100%
Szín 3 · Kiegészítő árnyalat
#4BA2C2
RGB 75, 162, 194
HSL 196°, 49%, 53%
Szín 4 · Negyedik árnyalat
#34758D
RGB 52, 117, 141
HSL 196°, 46%, 38%
Szín 5 · Ötödik árnyalat
#93CDE0
RGB 147, 205, 224
HSL 195°, 55%, 73%
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 ReadyTools 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 17,7: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.
#111827
Fehér 17.74 · Fekete 1.18
AA normál szöveg: fehér megfelel · fekete nem felel meg
#FFFFFF
Fehér 1.00 · Fekete 21.00
AA normál szöveg: fehér nem felel meg · fekete megfelel
#4BA2C2
Fehér 2.90 · Fekete 7.25
AA normál szöveg: fehér nem felel meg · fekete megfelel
#34758D
Fehér 5.15 · Fekete 4.08
AA normál szöveg: fehér megfelel · fekete nem felel meg
#93CDE0
Fehér 1.74 · Fekete 12.05
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.
#111827 / #FFFFFF
17.74:1 · AA igen
#FFFFFF / #111827
17.74:1 · AA igen
#111827 / #93CDE0
10.18:1 · AA igen
#93CDE0 / #111827
10.18:1 · AA igen
#111827 / #4BA2C2
6.12:1 · AA igen
#4BA2C2 / #111827
6.12:1 · AA igen
Teljes színkontraszt-mátrix
A ReadyTools 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 | #111827 | #FFFFFF | #4BA2C2 | #34758D | #93CDE0 |
|---|---|---|---|---|---|
| #111827 | 1.00 | 17.74 AA | 6.12 AA | 3.44 | 10.18 AA |
| #FFFFFF | 17.74 AA | 1.00 | 2.90 | 5.15 AA | 1.74 |
| #4BA2C2 | 6.12 AA | 2.90 | 1.00 | 1.78 | 1.66 |
| #34758D | 3.44 | 5.15 AA | 1.78 | 1.00 | 2.96 |
| #93CDE0 | 10.18 AA | 1.74 | 1.66 | 2.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 ReadyTools saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#111827
A márkához kapcsolt első, jellegzetes árnyalat.
Világos felületek
#FFFFFF
Világos kontextus a képernyőn és nyomtatott mintában.
Sötét felületek
#111827
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 {
--readytools-1: #111827;
--readytools-2: #FFFFFF;
--readytools-3: #4BA2C2;
--readytools-4: #34758D;
--readytools-5: #93CDE0;
}Elemzés: a bemutatott színek
A ReadyTools-hoz itt bemutatott kékes összeállítás csak szemléltető példa; nem igazolt, hogy ezek együtt a ReadyTools tényleges vállalati arculatát alkotják. Ezért a példát nem értékeljük hivatalos márkaszínrendszerként.
A megadott színek átlagos telítettsége 37,8%, az átlagos világosságuk 55%. 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 17,7: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
Informatív, nem hivatalos összeállítás: a színválasztó nyilvános példaszínéből kiinduló illusztratív paletta, NEM a ReadyTools megerősített márkakódjai. Fontos: ez a ReadyTools ihlette, nem hivatalosan igazolt színösszeállítás. Nem állítjuk, hogy a cég ezeket a HEX-kódokat együtt használja.
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 ReadyTools színeiről
Milyen színeket használ a ReadyTools?
A ReadyTools ihlette, szemléltető összeállításban a következő színek szerepelnek: #111827, #FFFFFF, #4BA2C2, #34758D, #93CDE0. Ezek nem igazolt céges márkakódok.
Mi a ReadyTools színeinek HEX-kódja?
A felsorolt HEX-kódok: #111827, #FFFFFF, #4BA2C2, #34758D, #93CDE0. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a ReadyTools 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 ReadyTools színpaletta?
Fontos: ez a ReadyTools ihlette, nem hivatalosan igazolt színösszeállítás. Nem állítjuk, hogy a cég ezeket a HEX-kódokat együtt használja.
További márkák színei
További színrendszerek: színpaletta-katalógus és színelemző.