Preskočiť na hlavný obsah
IDSK 3

Farebná paleta

Farebná paleta definuje základné farby, ktoré sú používané pre udržiavanie konzistentnosti v rámci rozhrania. Navrhnuté farby sú definované tak, aby spĺňali kontrastné pomery pre nevidiacich a slabozrakých. Farby sú rozdelené do základných skupín podľa účelu použitia. Kliknutím na farbu si rýchlo skopírujete jej HEX kód.

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
#126dffrgb(18, 109, 255)
Tmavá
#072c66rgb(7, 44, 102)
Pozadie
#ffffffrgb(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
#072c66rgb(7, 44, 102)
P500
#0b4199rgb(11, 65, 153)
P400
#126dffrgb(18, 109, 255)
P300
#88b3f6rgb(136, 179, 246)
P200
#c3d9f9rgb(195, 217, 249)
P100
#eff5fergb(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
#000000rgb(0, 0, 0)
Čierna 70
#000000rgb(0, 0, 0)
Čierna 40
#000000rgb(0, 0, 0)
Čierna 10
#000000rgb(0, 0, 0)
Biela
#ffffffrgb(255, 255, 255)
Biela 70
#ffffffrgb(255, 255, 255)
Biela 40
#ffffffrgb(255, 255, 255)
Biela 10
#ffffffrgb(255, 255, 255)
N900
#212121rgb(33, 33, 33)
N800
#424242rgb(66, 66, 66)
N700
#616161rgb(97, 97, 97)
N600
#757575rgb(117, 117, 117)
N500
#9e9e9ergb(158, 158, 158)
N400
#bdbdbdrgb(189, 189, 189)
N300
#e0e0e0rgb(224, 224, 224)
N200
#eeeeeergb(238, 238, 238)
N100
#f5f5f5rgb(245, 245, 245)
N90
#fafafargb(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
#2e3106rgb(46, 49, 6)
Zelená/G500
#444a09rgb(68, 74, 9)
Zelená/G400
#727b0frgb(114, 123, 15)
Zelená/G300
#b4b764rgb(180, 183, 100)
Zelená/G200
#d5d6a2rgb(213, 214, 162)
Zelená/G100
#f4f4ecrgb(244, 244, 236)
Turquoise/T600
#06372crgb(6, 55, 44)
Turquoise/T500
#125041rgb(18, 80, 65)
Turquoise/T400
#1e856drgb(30, 133, 109)
Turquoise/T300
#71bdabrgb(113, 189, 171)
Turquoise/T200
#a9d9cdrgb(169, 217, 205)
Turquoise/T100
#edf5f3rgb(237, 245, 243)
Purple/L600
#3c1b66rgb(60, 27, 102)
Purple/L500
#592999rgb(89, 41, 153)
Purple/L400
#9544ffrgb(149, 68, 255)
Purple/L300
#c79affrgb(199, 154, 255)
Purple/L200
#e0c5ffrgb(224, 197, 255)
Purple/L100
#f7f0ffrgb(247, 240, 255)
Pink/R600
#530250rgb(83, 2, 80)
Pink/R500
#7c0478rgb(124, 4, 120)
Pink/R400
#cf06c8rgb(207, 6, 200)
Pink/R300
#e56fe3rgb(229, 111, 227)
Pink/R200
#f0aaefrgb(240, 170, 239)
Pink/R100
#fbebfbrgb(251, 235, 251)

Paleta upozornení

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á
#072c66rgb(7, 44, 102)
Základná
#126dffrgb(18, 109, 255)
Základná médium
#c3d9f9rgb(195, 217, 249)
Základná svetlá
#eff5fergb(239, 245, 254)
Výstražná tmavá
#4e0711rgb(78, 7, 17)
Výstražná
#c3112brgb(195, 17, 43)
Výstražná médium
#f8b5b9rgb(248, 181, 185)
Výstražná svetlá
#fbeef0rgb(251, 238, 240)
Pozitívna tmavá
#033608rgb(3, 54, 8)
Pozitívna
#078814rgb(7, 136, 20)
Pozitívna médium
#9fdaa5rgb(159, 218, 165)
Pozitívna svetlá
#ebf5ecrgb(235, 245, 236)
Upozornenie tmavá
#4e2a00rgb(78, 42, 0)
Upozornenie
#bd730crgb(189, 115, 12)
Upozornenie médium
#ebcfaargb(235, 207, 170)
Upozornenie svetlá
#faf4ecrgb(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
#000000rgb(0, 0, 0)
Sivý text
#757575rgb(117, 117, 117)
Svetlo sivý text
#e0e0e0rgb(224, 224, 224)
Biely text
#ffffffrgb(255, 255, 255)
Tmavý text
#072c66rgb(7, 44, 102)
Médium text
#0b4199rgb(11, 65, 153)
Svetlý text
#88b3f6rgb(136, 179, 246)
Primárny text
#126dffrgb(18, 109, 255)
Pozitívny tmavý text
#033608rgb(3, 54, 8)
Pozitívny text
#078814rgb(7, 136, 20)
Výstražný tmavý text
#4e0711rgb(78, 7, 17)
Výstražný text
#c3112brgb(195, 17, 43)
Focus stav
#d96e00rgb(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
#ffffffrgb(255, 255, 255)
Slovenská červená
#c3112brgb(195, 17, 43)
Slovenská modrá
#1e4e9drgb(30, 78, 157)
Slovenská sivá
#DDDEDErgb(221, 222, 222)