Pohde brändikäsikirja

‹ Palaa takaisin

Värit

 

Pohteen väripaletti koostuu sinisistä ja lohenpunaisista pääväreistä, neutraaleista pääväreistä ja palauteväreistä (huomiovärit web). Palautevärejä käytetään vain erityistä korostusta vaativissa elementeissä.

Kaikki Pohteen materiaalit tulee pyrkiä ratkaisemaan käyttäen määriteltyä väripalettia ja eri värien käytön suhteita. Värejä voidaan tarvittaessa vaalentaa tai tummentaa paremman saavutettavuuden vuoksi.


Mitä värikoodit tarkoittavat?
RGBA – R=punainen, G=vihreä, B=sininen, A=peittävyys. Värit rakentuvat punaisen, vihreän ja sinisen värin yhdistelmästä.
HSLA – H=värisävy, S=kylläisyys, L=keveys, A=peittävyys. Värit ilmaistaan niiden sävyn, kylläisyyden ja keveyden mukaan.
HEX – Heksaluku-arvo koostuu punaisen, vihreän ja sinisen värin määrästä. Värin heksaluku-arvo esitetään kolmen heksaluvun avulla, lukuina 00 – FF. Luku-arvo on jotain 000000 – FFFFFF välillä.
CMYK – C=cyan, M=magenta, Y=yellow, K=keycolor (avainväri eli musta). CMYK- eli prosessivärejä käytetään painomateriaaleissa.
PMS – Pantone Matching System on standardiksi muodostunut painoteollisuuden värijärjestelmä. Pantone-värejä käytetään spottiväreinä eli täsmäväreinä.

Päävärit

Sininen tumma

 

Sininen tumma

rgba 6, 23, 94, 1
hsla 228, 88, 20, 1
hex #06175E
cmyk 100, 90, 20, 30
PMS 2147 C

 

Sininen tumma - 90

rgba 31, 46, 110, 1
hsla 229, 56, 28, 1
hex #1F2E6E

 

Sininen tumma - 75

rgba 68, 81, 134, 1
hsla 228, 33, 40, 1
hex #445186

 

Sininen tumma - 50

rgba 130, 139, 175, 1
hsla 228, 22, 60, 1
hex #828BAF

 

Sininen tumma - 25

rgba 193, 197, 215, 1
hsla 229, 22, 80, 1
hex #C1C5D7

 

Sininen tumma - 10

rgba 230, 232, 239, 1
hsla 227, 22, 92, 1
hex #E6E8EF

 

Sininen tumma - 5

rgba 243, 243, 247, 1
hsla 240, 20, 96, 1
hex #F3F3F7

 

Sininen tumma - tausta

rgba 249, 249, 251, 1
hsla 240, 20, 98, 1
hex #F9F9FB

Sininen

 

Sininen

rgba 59, 84, 188, 1
hsla 228, 52, 48, 1
hex #3B54BC
cmyk 90, 70, 0, 0
PMS 2144 C

 

Sininen - 90

rgba 78, 101, 195, 1
hsla 228, 49, 54, 1
hex #4E65C3

 

Sininen - 75

rgba 108, 127, 205, 1
hsla 228, 49, 61, 1
hex #6C7FCD

 

Sininen - 50

rgba 157, 169, 222, 1
hsla 229, 50, 74, 1
hex #9DA9DE

 

Sininen - 25

rgba 206, 212, 238, 1
hsla 229, 48, 87, 1
hex #CED4EE

 

Sininen - 10

rgba 235, 238, 248, 1
hsla 226, 48, 95, 1
hex #EBEEF8

 

Sininen - 5

rgba 245, 247, 252, 1
hsla 223, 54, 97, 1
hex #F5F7FC

Lohi

 

Lohi

rgba 255, 151, 123, 1
hsla 13, 100, 74, 1
hex #FF977B
cmyk 0, 55, 45, 0
PMS 170 C

 

Lohi - 75

rgba 255, 177, 156, 1
hsla 13, 100, 81, 1
hex #FFB19C

 

Lohi - 50

rgba 255, 203, 189, 1
hsla 13, 100, 87, 1
hex #FFCBBD

 

Lohi - 40

rgba 255, 213, 202, 1
hsla 12, 100, 90, 1
hex #FFCBBD

 

Lohi - 25

rgba 255, 229, 222, 1
hsla 13, 100, 94, 1
hex #FFE5DE

Lohi vaalea

 

Lohi vaalea

rgba 254, 183, 164, 1
hsla 13, 98, 82, 1
hex #FEB7A4
cmyk 0, 40, 30, 0
PMS 169 C

 

Lohi vaalea - 75

rgba 254, 201, 187, 1
hsla 13, 97, 86, 1
hex #FEC9BB

 

Lohi vaalea - 50

rgba 255, 219, 209, 1
hsla 13, 100, 91, 1
hex #FFDBD1

 

Lohi vaalea - 25

rgba 255, 2237, 232, 1
hsla 13, 100, 95, 1
hex #FFEDE8

Lohi tausta

 

Lohi tausta

rgba 251, 233, 227, 1
hsla 15, 75, 94, 1
hex #FBE9E3
cmyk 0, 10, 7, 0

 

Lohi tausta - 75

rgba 252, 238, 234, 1
hsla 13, 75, 95, 1
hex #FCEEEA

 

Lohi tausta - 50

rgba 253, 244, 241, 1
hsla 15, 75, 97, 1
hex #FDF4F1

 

Lohi tausta - 25

rgba 254, 250, 248, 1
hsla 20, 75, 98, 1
hex #FEFAF8

Neutraalit päävärit

Musta

 

Musta

rgba 28, 28, 30, 1
hsla 240, 3, 11, 1
hex #1C1C1E
cmyk 50, 50, 40, 100
(sanomalehti 0, 0, 0, 100)

 

Musta - 75

rgba 85, 85, 86, 1
hsla 240, 1, 34, 1
hex #555556

 

Musta - 50

rgba 141, 141, 142, 1
hsla 240, 0, 55, 1
hex #8D8D8E

 

Musta - 25

rgba 198, 198, 199, 1
hsla 240, 1, 78, 1
hex #C6C6C7

Harmaa tumma

 

Harmaa tumma

rgba 71, 68, 68, 1
hsla 0, 2, 27, 1
hex #474444
cmyk 60, 55, 50, 55
(sanomalehti 0, 0, 0, 80)

 

Harmaa tumma - 75

rgba 117, 115, 115, 1
hsla 0, 1, 45, 1
hex #757373

 

Harmaa tumma - 50

rgba 163, 161, 161, 1
hsla 0, 1, 64, 1
hex #A3A1A1

 

Harmaa tumma - 25

rgba 209, 208, 208, 1
hsla 0, 1, 82, 1
hex #D1D0D0

Harmaa

 

Harmaa

rgba 240, 238, 238, 1
hsla 0, 6, 94, 1
hex #F0EEEE
cmyk 8, 7, 7, 0 (sanomalehti 0, 0, 0, 10)

 

Harmaa - 75

rgba 244, 242, 242, 1
hsla 0, 8, 95, 1
hex #F4F2F2

 

Harmaa - 50

rgba 248, 247, 247, 1
hsla 0, 7, 97, 1
hex #F8F7F7

 

Harmaa - 25

rgba 251, 251, 251, 1
hsla 0, 0, 98, 1
hex #FBFBFB

Harmaa vaalea

 

Harmaa vaalea

rgba 244, 244, 245, 1
hsla 240, 5, 96, 1
hex #F4F4F5
cmyk 5, 4, 4, 0 (sanomalehti 0, 0, 0, 6)

 

Harmaa vaalea - 75

rgba 247, 247, 248, 1
hsla 240, 7, 97, 1
hex #F7F7F8

 

Harmaa vaalea - 50

rgba 250, 250, 250, 1
hsla 0, 0, 98, 1
hex #FAFAFA

Valkoinen

 

Valkoinen

rgba 255, 255, 255, 1
hsla 0, 0, 100, 1
hex #FFFFFF

Huomiovärit Web

Keltainen

 

Keltainen

rgba 250, 214, 131, 1
hsla 42, 92, 75, 1
hex #FAD683

 

Keltainen - 75

rgba 251, 224, 162, 1
hsla 42, 92, 81, 1
hex #FBE0A2

 

Keltainen - 50

rgba 253, 235, 193, 1
hsla 42, 94, 87, 1
hex #FDEBC1

 

Keltainen - 25

rgba 254, 245, 224, 1
hsla 42, 94, 94, 1
hex #FEF5E0

Vihreä

 

Vihreä

rgba 22, 122, 56, 1
hsla 140, 69, 28, 1
hex #167A38

 

Vihreä - 75

rgba 81, 155, 106, 1
hsla 140, 31, 46, 1
hex #519B6A

 

Vihreä - 50

rgba 139, 189, 156, 1
hsla 140, 27, 64, 1
hex #8BBD9C

 

Vihreä - 25

rgba 197, 222, 1205, 1
hsla 139, 27, 82, 1
hex #C5DECD

Punainen

 

Punainen

rgba 200, 42, 42, 1
hsla 0, 65, 47, 1
hex #C82A2A

 

Punainen - 75

rgba 214, 95, 95, 1
hsla 0, 59, 61, 1
hex #D65F5F

 

Punainen - 50

rgba 227, 149, 149, 1
hsla 0, 58, 74, 1
hex #E39595

 

Punainen - 25

rgba 241, 202, 202, 1
hsla 0, 58, 87, 1
hex #F1CACA

 

Punainen - 10

rgba 250, 234, 234, 1
hsla 0, 62, 95, 1
hex #FAEAEA

Liukuvärit

Sininen

 

Sininen - liukuväri

rgba 48, 67, 147, 1 / 6, 23, 94, 1
hsla 228, 51, 38, 1 / 228, 88, 20, 1
hex #304393 / #06175E

Lohi

 

Lohi - liukuväri

rgba 254, 208, 194, 1 / 254, 183, 164, 1
hsla 13, 98, 88, 1 / 13, 98, 82, 1
hex #FED0C2 / #FEB7A4

Harmaa

 

Harmaa - liukuväri

rgba 251, 251, 251, 1 / 243, 243, 244, 1
hsla 240, 0, 98, 1 / 240, 4, 95, 1
hex #FBFBFB / #F3F3F4

Muut

Tekstilinkin :visited väri

 

Violetti

rgba 139, 52, 153, 1
hsla 292, 49, 40, 1
hex #8B3499