Színpaletták / Márkaszínek / Instagram
MÁRKAARCULAT · KÖZÖSSÉGI MÉDIA
Instagram színei és HEX-kódjai
Az Instagram több árnyalatból álló, meleg és hideg tónusokat is felvonultató színátmenete különbözik az egyetlen domináns márkaszínre épülő rendszerektől.
4 árnyalat · Kattints egy színre a HEX másolásához
A Instagram színrendszerének értelmezése
A Instagram 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 61,5%, az átlagos világosságuk 66,3%. 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 / INSTAGRAM
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: #833AB4
Hangulat: inkább meleg
1/6 AA színpár
01 · SZÍNÖSSZETÉTEL
lila nyitószín · inkább meleg színvilág
A Instagram 4 bemutatott színe közül a #833AB4 lila karakterű. A legsötétebb (#833AB4) és legvilágosabb (#FFFFFF) árnyalat között 53 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 #833AB4 és #FFFFFF páros 6.50: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 6 eltérő párból 1 felel meg.
03 · WEBES ALKALMAZÁS
Használati javaslat
Kísérleti webes alkalmazásnál a #833AB4 lehet kiemelőszín-jelölt. A #833AB4 hátteren a #FFFFFF szöveg 6.50: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.
Instagram márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · Elsődleges referencia
#833AB4
RGB 131, 58, 180
HSL 276°, 51%, 47%
Szín 2 · Második arculati szín
#FD1D1D
RGB 253, 29, 29
HSL 0°, 98%, 55%
Szín 3 · Kiegészítő árnyalat
#FCAF45
RGB 252, 175, 69
HSL 35°, 97%, 63%
Szín 4 · Negyedik árnyalat
#FFFFFF
RGB 255, 255, 255
HSL 0°, 0%, 100%
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 Instagram 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 6,5:1; a vizsgált, különböző színekből álló irányított párok közül 2/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.
#833AB4
Fehér 6.50 · Fekete 3.23
AA normál szöveg: fehér megfelel · fekete nem felel meg
#FD1D1D
Fehér 3.91 · Fekete 5.37
AA normál szöveg: fehér nem felel meg · fekete megfelel
#FCAF45
Fehér 1.85 · Fekete 11.36
AA normál szöveg: fehér nem felel meg · fekete megfelel
#FFFFFF
Fehér 1.00 · Fekete 21.00
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.
#833AB4 / #FFFFFF
6.50:1 · AA igen
#FFFFFF / #833AB4
6.50:1 · AA igen
Teljes színkontraszt-mátrix
A Instagram 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 | #833AB4 | #FD1D1D | #FCAF45 | #FFFFFF |
|---|---|---|---|---|
| #833AB4 | 1.00 | 1.66 | 3.52 | 6.50 AA |
| #FD1D1D | 1.66 | 1.00 | 2.11 | 3.91 |
| #FCAF45 | 3.52 | 2.11 | 1.00 | 1.85 |
| #FFFFFF | 6.50 AA | 3.91 | 1.85 | 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 Instagram saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#833AB4
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
#833AB4
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 {
--instagram-1: #833AB4;
--instagram-2: #FD1D1D;
--instagram-3: #FCAF45;
--instagram-4: #FFFFFF;
}Elemzés: a bemutatott színek
Az Instagram több árnyalatból álló, meleg és hideg tónusokat is felvonultató színátmenete különbözik az egyetlen domináns márkaszínre épülő rendszerektől.
A megadott színek átlagos telítettsége 61,5%, az átlagos világosságuk 66,3%. 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 6,5:1; a vizsgált, különböző színekből álló irányított párok közül 2/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 Instagram 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 Instagram színeiről
Milyen színeket használ a Instagram?
Az itt dokumentált vagy elérhető referenciákban szereplő színek: #833AB4, #FD1D1D, #FCAF45, #FFFFFF. A pontos alkalmazási kör a megjelölt forrástól függ.
Mi a Instagram színeinek HEX-kódja?
A felsorolt HEX-kódok: #833AB4, #FD1D1D, #FCAF45, #FFFFFF. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Instagram 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 Instagram színpaletta?
A Instagram 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 színrendszerek: színpaletta-katalógus és színelemző.