Farebná paleta

Farebná paleta definuje základné farby, ktoré sú používané pre udržiavanie konzistentnosti vramci rozhrania. Navrhnuté farby su definované tak, aby splňali kontrastné pomery pre nevidiacich a slabozrakých. Farby sú rozdelené do základných skupín podľa účelu použitia.

Primárna paleta

Primárna paleta je sada základných farieb, ktoré sú použité v grafickom dizajne pre vytvorenie konzistentného a súdržného vizuálneho prejavu. Sú to farby, ktoré tvoria základ všetkých ďalších kombinácií a farebných schém v rámci dizajnu.

Primárna farba
#
126dff
rgb(18, 109, 255)
Tmavá
#
072c66
rgb(7, 44, 102)
Pozadie
#
ffffff
rgb(255, 255, 255)

Primárna rozšírená paleta

Primárna rozšírená paleta sa používa na doplnenie a rozšírenie primárnej palety. Táto paleta obsahuje ďalšie farby, ktoré sú zvyčajne odvodené od farieb v primárnej palete a slúžia na vytváranie rozmanitých a zaujímavých kombinácií farieb v rámci dizajnu.

P600
#
072c66
rgb(7, 44, 102)
P500
#
0b4199
rgb(11, 65, 153)
P400
#
126dff
rgb(18, 109, 255)
P300
#
88b3f6
rgb(136, 179, 246)
P200
#
c3d9f9
rgb(195, 217, 249)
P100
#
eff5fe
rgb(239, 245, 254)

Neutrálna paleta

V neutrálnej palete sú farby, ktoré majú nízku intenzitu a zvyčajne sú bezfarebné. Neutrálne farby zvyčajne zahŕňajú odtiene ako biela, čierna, šedá.

Čierna
#
000000
rgb(0, 0, 0)
Čierna 70
#
000000
rgb(0, 0, 0)
Čierna 40
#
000000
rgb(0, 0, 0)
Čierna 10
#
000000
rgb(0, 0, 0)
Biela
#
ffffff
rgb(255, 255, 255)
Biela 70
#
ffffff
rgb(255, 255, 255)
Biela 40
#
ffffff
rgb(255, 255, 255)
Biela 10
#
ffffff
rgb(255, 255, 255)
N900
#
212121
rgb(33, 33, 33)
N800
#
424242
rgb(66, 66, 66)
N700
#
616161
rgb(97, 97, 97)
N600
#
757575
rgb(117, 117, 117)
N500
#
9e9e9e
rgb(158, 158, 158)
N400
#
bdbdbd
rgb(189, 189, 189)
N300
#
e0e0e0
rgb(224, 224, 224)
N200
#
eeeeee
rgb(238, 238, 238)
N100
#
f5f5f5
rgb(245, 245, 245)
N90
#
fafafa
rgb(250, 250, 250)

Sekundárna paleta

Sekundárna paleta sa používa na doplnenie primárnej a rozšírenej palety, slúži na vytvorenie ďalších vizuálnych prvkov. Môže obsahovať aj úplne nové farby, ktoré sú prispôsobené potrebám daného projektu.

Zelená/G600
#
2e3106
rgb(46, 49, 6)
Zelená/G500
#
444a09
rgb(68, 74, 9)
Zelená/G400
#
727b0f
rgb(114, 123, 15)
Zelená/G300
#
b4b764
rgb(180, 183, 100)
Zelená/G200
#
d5d6a2
rgb(213, 214, 162)
Zelená/G100
#
f4f4ec
rgb(244, 244, 236)
Turquoise/T600
#
06372c
rgb(6, 55, 44)
Turquoise/T500
#
125041
rgb(18, 80, 65)
Turquoise/T400
#
1e856d
rgb(30, 133, 109)
Turquoise/T300
#
71bdab
rgb(113, 189, 171)
Turquoise/T200
#
a9d9cd
rgb(169, 217, 205)
Turquoise/T100
#
edf5f3
rgb(237, 245, 243)
Purple/L600
#
3c1b66
rgb(60, 27, 102)
Purple/L500
#
592999
rgb(89, 41, 153)
Purple/L400
#
9544ff
rgb(149, 68, 255)
Purple/L300
#
c79aff
rgb(199, 154, 255)
Purple/L200
#
e0c5ff
rgb(224, 197, 255)
Purple/L100
#
f7f0ff
rgb(247, 240, 255)
Pink/R600
#
530250
rgb(83, 2, 80)
Pink/R500
#
7c0478
rgb(124, 4, 120)
Pink/R400
#
cf06c8
rgb(207, 6, 200)
Pink/R300
#
e56fe3
rgb(229, 111, 227)
Pink/R200
#
f0aaef
rgb(240, 170, 239)
Pink/R100
#
fbebfb
rgb(251, 235, 251)

Upozornenia paleta

Farebná paleta upozornení je špecifickým súborom farieb, ktoré sa používajú na vytvorenie vizuálneho upozornenia pre určitý účel. Táto paleta farieb zvyčajne obsahuje farby, ktoré majú vysokú viditeľnosť a sú schopné prilákať pozornosť čitateľa.

Základná tmavá
#
072c66
rgb(7, 44, 102)
Základná
#
126dff
rgb(18, 109, 255)
Základná médium
#
c3d9f9
rgb(195, 217, 249)
Základná svetlá
#
eff5fe
rgb(239, 245, 254)
Výstražná tmavá
#
4e0711
rgb(78, 7, 17)
Výstražná
#
c3112b
rgb(195, 17, 43)
Výstražná médium
#
f8b5b9
rgb(248, 181, 185)
Výstražná svetlá
#
fbeef0
rgb(251, 238, 240)
Pozitívna tmavá
#
033608
rgb(3, 54, 8)
Pozitívna
#
078814
rgb(7, 136, 20)
Pozitívna médium
#
9fdaa5
rgb(159, 218, 165)
Pozitívna svetlá
#
ebf5ec
rgb(235, 245, 236)
Upozornenie tmavá
#
4e2a00
rgb(78, 42, 0)
Upozornenie
#
bd730c
rgb(189, 115, 12)
Upozornenie médium
#
ebcfaa
rgb(235, 207, 170)
Upozornenie svetlá
#
faf4ec
rgb(250, 244, 236)

Textová paleta

Farebná paleta textov zvyčajne obsahuje súbor farieb, ktoré sa používajú na tvorbu textových elementov, ako sú nadpisy, popisy, označenia a odkazy.

Čierny text
#
000000
rgb(0, 0, 0)
Sivý text
#
757575
rgb(117, 117, 117)
Svetlo sivý text
#
e0e0e0
rgb(224, 224, 224)
Biely text
#
ffffff
rgb(255, 255, 255)
Tmavý text
#
072c66
rgb(7, 44, 102)
Médium text
#
0b4199
rgb(11, 65, 153)
Svetlý text
#
88b3f6
rgb(136, 179, 246)
Primárny text
#
126dff
rgb(18, 109, 255)
Pozitívny tmavý text
#
033608
rgb(3, 54, 8)
Pozitívny text
#
078814
rgb(7, 136, 20)
Výstražný tmavý text
#
4e0711
rgb(78, 7, 17)
Výstražný text
#
c3112b
rgb(195, 17, 43)
Focus stav
#
d96e00
rgb(217, 110, 0)

Slovenská paleta

Slovenská paleta farieb obsahuje farby, ktoré sú špecifické pre Slovensko a symbolizujú trikolóru, používajú sa napríklad v logu.

Slovenská biela
#
ffffff
rgb(255, 255, 255)
Slovenská červená
#
c3112b
rgb(195, 17, 43)
Slovenská modrá
#
1e4e9d
rgb(30, 78, 157)
Slovenská sivá
#
DDDEDE
rgb(221, 222, 222)