Színpaletták / Márkaszínek / Microsoft
MÁRKAARCULAT · TECHNOLÓGIA
Microsoft színei és HEX-kódjai
A Microsoft négyszínű emblémájához kapcsolódó piros, zöld, kék és sárga együttese elkülönülő, mégis összetartozó vizuális egységet alkot.
4 árnyalat · Kattints egy színre a HEX másolásához
A Microsoft színrendszerének értelmezése
A Microsoft kapcsán gyakran idézett, ismert márkaszín-referenciákat elemezzük. Ez nem ellenőrzött, teljes arculati kézikönyv.
A megadott színek átlagos telítettsége 97,3%, az átlagos világosságuk 46,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 / MICROSOFT
Mit mutat ez a konkrét paletta?
A következő megállapítások a 4 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.
4 szín
Első minta: #F25022
Hangulat: inkább meleg
0/6 AA színpár
01 · SZÍNÖSSZETÉTEL
vörös nyitószín · inkább meleg színvilág
A Microsoft 4 bemutatott színe közül a #F25022 vörös karakterű. A legsötétebb (#F25022) és legvilágosabb (#FFB900) árnyalat között 18 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 legnagyobb mért kontraszt #F25022 és #FFB900 között 2.05:1. Ez nem éri el a normál szövegre ajánlott 4,5:1 WCAG AA küszöböt; érdemes külön, megfelelő kontrasztú szövegszínt választani.
03 · WEBES ALKALMAZÁS
Használati javaslat
Kísérleti webes alkalmazásnál a #F25022 lehet kiemelőszín-jelölt. A #F25022 hátteren a #111111 szöveg 5.35: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.
Microsoft márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · Elsődleges referencia
#F25022
RGB 242, 80, 34
HSL 13°, 89%, 54%
Szín 2 · Második arculati szín
#7FBA00
RGB 127, 186, 0
HSL 79°, 100%, 36%
Szín 3 · Kiegészítő árnyalat
#00A4EF
RGB 0, 164, 239
HSL 199°, 100%, 47%
Szín 4 · Negyedik árnyalat
#FFB900
RGB 255, 185, 0
HSL 44°, 100%, 50%
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 Microsoft 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 2,1:1; a vizsgált, különböző színekből álló irányított párok közül 0/12 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.
#F25022
Fehér 3.53 · Fekete 5.95
AA normál szöveg: fehér nem felel meg · fekete megfelel
#7FBA00
Fehér 2.35 · Fekete 8.93
AA normál szöveg: fehér nem felel meg · fekete megfelel
#00A4EF
Fehér 2.78 · Fekete 7.56
AA normál szöveg: fehér nem felel meg · fekete megfelel
#FFB900
Fehér 1.72 · Fekete 12.19
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.
A felsorolt színpárok között nincs AA-szintű normál szöveges kontraszt.
Teljes színkontraszt-mátrix
A Microsoft 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 | #F25022 | #7FBA00 | #00A4EF | #FFB900 |
|---|---|---|---|---|
| #F25022 | 1.00 | 1.50 | 1.27 | 2.05 |
| #7FBA00 | 1.50 | 1.00 | 1.18 | 1.37 |
| #00A4EF | 1.27 | 1.18 | 1.00 | 1.61 |
| #FFB900 | 2.05 | 1.37 | 1.61 | 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 Microsoft saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#F25022
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
#15181C
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 {
--microsoft-1: #F25022;
--microsoft-2: #7FBA00;
--microsoft-3: #00A4EF;
--microsoft-4: #FFB900;
}Elemzés: a bemutatott színek
A Microsoft négyszínű emblémájához kapcsolódó piros, zöld, kék és sárga együttese elkülönülő, mégis összetartozó vizuális egységet alkot.
A megadott színek átlagos telítettsége 97,3%, az átlagos világosságuk 46,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 2,1:1; a vizsgált, különböző színekből álló irányított párok közül 0/12 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
Közismert arculati referencia, nem hivatalosan auditált teljes márkapaletta. A Microsoft kapcsán gyakran idézett, ismert márkaszín-referenciákat elemezzük. Ez nem ellenőrzött, teljes arculati ké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 Microsoft színeiről
Milyen színeket használ a Microsoft?
Az itt dokumentált vagy elérhető referenciákban szereplő színek: #F25022, #7FBA00, #00A4EF, #FFB900. A pontos alkalmazási kör a megjelölt forrástól függ.
Mi a Microsoft színeinek HEX-kódja?
A felsorolt HEX-kódok: #F25022, #7FBA00, #00A4EF, #FFB900. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Microsoft 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 Microsoft színpaletta?
A Microsoft kapcsán gyakran idézett, ismert márkaszín-referenciákat elemezzük. Ez nem ellenőrzött, teljes arculati kézikönyv.
További márkák színei
További színrendszerek: színpaletta-katalógus és színelemző.