Färg
Huvudfärg
Den klassiska Göteborgsblå är den färg som starkast signalerar Göteborgs Stad. Den använder du i första hand i mer formella och profilerande sammanhang, där den tillsammans med logotypen förstärker Göteborgs Stads identitet. Exempel är fasta element, som en ram i en kungörelseannons, en yta på en skylt, diplom och intyg eller på profilprodukter som används för hela staden.
Komplementfärger
Göteborgs Stad har fjorton komplementfärger, sju mörka och sju ljusa. Alla färger fungerar både i tryck och digitala kanaler och är tillgänglighetsanpassade utifrån myndighetskrav. Bredden i färgpaletten ger möjligheter till variation och bidrar till både formella och lekfulla möjligheter. Förutom färgerna i paletten finns alltid svart och vit som grund.
Tillgängliga färgkombinationer
När du kombinerar färger är det viktigt att tänka på kontrasten, så att text eller annat innehåll är tydligt för den som ska få informationen.
- Tänk på att vissa färgkombinationer är väldigt svåra att särskilja för många personer, speciellt rött/grönt och angränsande färger.
- Tänk på när du väljer färgkombinationer att till exempel svart text mot gul bakgrund upplevs som en varning.
- För att undvika ett rörigt intryck, kombinera inte för många färger.
- Om du använder färg som en markering för exempelvis rätt och fel, komplettera gärna med text eller ikon för att förtydliga.
- Använd aldrig färgad text, utan alltid svart och vit text.
När information eller text även finns tillgänglig i någon annan form som till exempel i en tillhörande bildtext, kan du vara friare i dina färgkombinationer i illustrationer.
De mörka färgerna passar alltid bra ihop med sin ljusa kompisfärg.
Exempel på färgkombinationer som går utanför kompisfärgerna ovan. Valet av färg och färgkombination görs alltid med utgångspunkt i sammanhang och målgrupp.
Färgpalett
Färgkoderna för RGB och CMYK avser färgrymderna sRGB respektive CoatedFOGRA39.
Komplementfärger
|
Göteborgsblå HEX #0077bc |
|||
|
Mörkblå RGB: 63/85/100 |
Turkos RGB: 0/131/145 |
Grön RGB: 0/135/103 |
Gul RGB: 255/205/55 |
|
Röd RGB: 210/71/35 |
Rosa RGB: 213/56/120 |
Lila RGB: 103/75/153 |
|
|
Grå RGB: 209/217/220 |
Ljusblå RGB: 192/228/242 |
Ljusgrön RGB: 184/225/200 |
Ljusgul RGB: 255/243/176 |
|
Aprikos RGB: 251/207/185 |
Ljusrosa RGB: 248/204/220 |
Violett RGB: 225/209/232 |
Svart och vitt
Förutom komplementfärgerna kan du alltid använda svart och vitt. Text ska alltid vara svart eller vit.
|
Svart RGB: 31/31/31 |
Vit RGB: 255/255/255 |
Funktionsfärger i digitala gränssnitt
För att särskilja meddelanden eller knappar i ett gränssnitt från innehållet använder vi funktionsfärger. Varje funktionsfärg har en särskild betydelse och ska inte förväxlas med användningen av Göteborgs Stads komplementfärger.
|
Kompletterande bakgrundsfärg HEX #ebebeb |
Typografi |
||
|
Länkar |
Länkar, hover |
Bakgrund |
Besökta länkar |
|
Positiv knapp |
Positiv knapp, |
Bakgrund för positivt meddelande |
|
|
Negativ knapp |
Negativ knapp, |
Bakgrund för negativt meddelande |
|
|
Varningsmeddelande |
Bakgrund |
- Neutralt meddelande och primär knapp.
- Positivt meddelande och knapp för positiv bekräftelse.
- Negativt meddelande och knapp för negativ uppmaning. Den röda knappfärgen kan även användas vid krismeddelande.
- Varningsmeddelande.
Utökad färgpalett för illustration och kartor
I illustrationer och enklare kartor kan du använda en färgpalett med fler nyanser av stadens färger. Paletten är framtagen för att öka variationen mellan färgfält och linjer när det behövs fler nyanser för att göra innehållet tydligt. Tänk på att färgerna ska ge god kontrast mot varandra. När du sätter text mot färgad bakgrund ska alltid de 14 tillgänglighetsanpassade komplementfärgerna eller huvudfärgen, som finns definierade ovan, användas.
En utökad färgpalett med fler nyanser av stadens alla färger kan användas i illustration och kartor. Mejla enheten visuell kommunikation för att få tillgång till färgpaletten för illustration och kartor.
Användning av färg
Gör så här!
- Använd få färger tillsammans.
- Sträva efter en god kontrast mellan färgerna.
- Använd gärna svart och vit som komplement.
- Använd gärna färg för att lyfta fram information, till exempel i form av informationsgrafik.
Gör inte så här!
- Använd inte färgad text.
- Använd inte krävande kombinationer av färger som är svåra för många att särskilja, till exempel rött/grönt.
- Undvik att kombinera för många färger.
- Gör inte egna toningar av färgerna.
- Gör inte toningar mellan färgerna.
- Gör inte genomskinliga plattor av färgerna.
Förklaring färgsystem
Stadens färgpalett fungerar i alla kanaler. Däremot gäller olika färgsystem och färgkoder för olika kanaler.
CMYK
CMYK betyder cyan, magenta, yellow och key color (svart). CMYK används i fyrfärgstryck av exempelvis affischer och broschyrer. CMYK-koderna som finns i paletten är för bestruket papper (Coated FOGRA39).
PMS
PMS betyder Pantone matching system. PMS används när det är viktigt med en exakt färgåtergivning eller när flerfärgstryck inte är möjligt, exempelvis vid kläd- eller pryltryck.
RGB
RGB betyder rött, grönt och blått. RGB används för bildskärmar och projektorer. RGB-koderna i paletten är för färgrymden sRGB.
HEX
HEX betyder hexadecimal. HEX används på webb och är en beskrivning av RGB i sex tecken.
NCS
NCS betyder Natural Color System. NCS-systemet används vid blandning av målarfärg till väggar och andra ytor i utställningar, mässor och rum.
Ladda ner färgbibliotek
Färgbiblioteken går att läsa in i Adobe-programmen. I andra program kan du lägga in färgkoderna från tabellen ovan eller PDF:en nedan.
Färgbibliotek komplementfärger (CMYK)
Färgbibliotek komplementfärger (RGB)