Barvy – Svoboda & Williams

Barvy

Na této stránce

Hlavní barvy

Tyto hlavní barvy vytvářejí základní vizuální charakter brandu. Znak „&" je vždy pro tmavé i světlé pozadí oddělujícím prvkem v názvu značky, barevnost znaku volíme dle kontextu a použití buď zlatou nebo šedou. Tmavě modrou barvu je ve webovém prostředí možno použít v ploše i textu, může tedy sloužit i jako pozadí stránky nebo ve větší ploše. V tisku, kde není možné kontrolovaně dohlédnout na barevnost výstupu, využíváme tmavě modrou pouze k psaní textu nebo menších prvků (např. ikony).

Gold

#B6A284

Dark Blue

#14182B

Gold

rgb(182, 162, 132)

Dark Blue

rgb(20, 24, 43)

Gold

20-28-37-0

Dark Blue

97-90-25-60

Gold

N/A

Dark Blue

534 C

Gold

N/A

Dark Blue

534 U

Gold

N/A

Dark Blue

N/A

Gold

N/A

Dark Blue

N/A

Doplňkové barvy

Barvy používané v prostředí webu (UI – User Interface), případně pro vytváření doplňkových online materiálů, jako např. design Market Reportu, nabídky, šablony social media postů atp. Mint barvu nepoužíváme pro menší prvky nebo text z důvodu nízkého kontrastu.

Warm Grey

#949594

Mint Green

#AED6B8

Beige

#D1CCBD

Faded Blue

#9CA9C1

Off Yellow

#EBE084

White

#FFFFFF

Black

#000000

Warm Grey

rgb(148, 149, 148)

Mint Green

rgb(174, 214, 184)

Beige

rgb(209, 204, 189)

Faded Blue

rgb(156, 169, 193)

Off Yellow

rgb(235, 224, 132)

White

rgb(255, 255, 255)

Black

rgb(0, 0, 0)

Warm Grey

0-0-3-53

Mint Green

40-0-34-0

Beige

21-22-18-1

Faded Blue

49-30-7-0

Off Yellow

12-7-53-0

White

0-0-0-0

Black

0-0-0-100

Warm Grey

N/A

Mint Green

N/A

Beige

N/A

Faded Blue

N/A

Off Yellow

N/A

White

N/A

Black

N/A

Warm Grey

N/A

Mint Green

N/A

Beige

N/A

Faded Blue

N/A

Off Yellow

N/A

White

N/A

Black

N/A

Warm Grey

N/A

Mint Green

N/A

Beige

N/A

Faded Blue

N/A

Off Yellow

N/A

White

N/A

Black

N/A

Warm Grey

N/A

Mint Green

N/A

Beige

N/A

Faded Blue

N/A

Off Yellow

N/A

White

N/A

Black

N/A

Palety barev

Barevné palety nám umožňují vytvářet digitální prostředí (aplikace, web) s ohledem na dostatečný kontrast a přístupnost všech prvků.

Dark Blue 950

#14182B

Dark Blue 900

#2B2E3F

Dark Blue 800

#434655

Dark Blue 700

#72747F

Dark Blue 600

#A1A2AA

Dark Blue 500

#D0D0D4

Dark Blue 400

#E7E7E9

Dark Blue 300

#F3F3F4

Gold 950

#695D4C

Gold 900

#91826A

Gold 800

#B6A284

Gold 700

#BDAB90

Gold 600

#C4B49C

Gold 500

#D3C7B5

Gold 400

#E2DACE

Gold 300

#F0ECE6

Gold 200

#F8F6F2

Gold 100

#FBFAF9

Warm Grey 950

#474747

Warm Grey 900

#6F706F

Warm Grey 800

#949594

Warm Grey 700

#A9AAA9

Warm Grey 600

#BFBFBF

Warm Grey 500

#D4D4D4

Warm Grey 400

#EAEAEA

Warm Grey 300

#F4F4F4

Warm Grey 200

#FAFAFA

Warm Grey 100

#FCFCFC

Mint Green 950

#708A76

Mint Green 900

#91B399

Mint Green 800

#AED6B8

Mint Green 700

#CEE6D4

Mint Green 600

#DFEFE3

Mint Green 500

#EFF7F1

Mint Green 400

#F7FBF8

Mint Green 300

#FBFDFC

Mint Green 200

#FDFDFC

Mint Green 100

#FDFEFD

Beige 950

#ABA493

Beige 900

#BFBAAC

Beige 800

#D1CCBD

Beige 700

#DAD6CA

Beige 600

#E3E0D7

Beige 500

#EDEBE5

Beige 400

#F6F5F2

Beige 300

#FBFAF8

Beige 200

#FDFDFC

Beige 100

#FEFEFD

Faded Blue 950

#5F6775

Faded Blue 900

#808B9E

Faded Blue 800

#9CA9C1

Faded Blue 700

#AFBACD

Faded Blue 600

#C3CBDA

Faded Blue 500

#D7DCE6

Faded Blue 400

#EBEEF3

Faded Blue 300

#F5F6F9

Faded Blue 200

#fafbfc

Faded Blue 100

#FCFCFD

Off Yellow 950

#9E9759

Off Yellow 900

#C7BE6F

Off Yellow 800

#EBE084

Off Yellow 700

#EFE69C

Off Yellow 600

#F3ECB5

Off Yellow 500

#F7F3CE

Off Yellow 400

#FBF9E6

Off Yellow 300

#FDFCF2

Off Yellow 200

#FEFEF9

Off Yellow 100

#FFFEFB

Dark Blue 950

rgb(20, 24, 43)

Dark Blue 900

rgb(43, 46, 63)

Dark Blue 800

rgb(67, 70, 85)

Dark Blue 700

rgb(114, 116, 127)

Dark Blue 600

rgb(161, 162, 170)

Dark Blue 500

rgb(208, 208, 212)

Dark Blue 400

rgb(231, 231, 233)

Dark Blue 300

rgb(243, 243, 244)

Gold 950

rgb(105, 93, 76)

Gold 900

rgb(145, 130, 106)

Gold 800

rgb(182, 162, 132)

Gold 700

rgb(189, 171, 144)

Gold 600

rgb(196, 180, 156)

Gold 500

rgb(211, 199, 181)

Gold 400

rgb(226, 218, 206)

Gold 300

rgb(240, 236, 230)

Gold 200

rgb(248, 246, 242)

Gold 100

rgb(251, 250, 249)

Warm Grey 950

rgb(71, 71, 71)

Warm Grey 900

rgb(111, 112, 111)

Warm Grey 800

rgb(148, 149, 148)

Warm Grey 700

rgb(169, 170, 169)

Warm Grey 600

rgb(191, 191, 191)

Warm Grey 500

rgb(212, 212, 212)

Warm Grey 400

rgb(234, 234, 234)

Warm Grey 300

rgb(244, 244, 244)

Warm Grey 200

rgb(250, 250, 250)

Warm Grey 100

rgb(252, 252, 252)

Mint Green 950

rgb(112, 138, 118)

Mint Green 900

rgb(145, 179, 153)

Mint Green 800

rgb(174, 214, 184)

Mint Green 700

rgb(206, 230, 212)

Mint Green 600

rgb(223, 239, 227)

Mint Green 500

rgb(239, 247, 241)

Mint Green 400

rgb(247, 251, 248)

Mint Green 300

rgb(251, 253, 252)

Mint Green 200

rgb(253, 253, 252)

Mint Green 100

rgb(253, 254, 253)

Beige 950

rgb(171, 164, 147)

Beige 900

rgb(191, 186, 172)

Beige 800

rgb(209, 204, 189)

Beige 700

rgb(218, 214, 202)

Beige 600

rgb(227, 224, 215)

Beige 500

rgb(237, 235, 229)

Beige 400

rgb(246, 245, 242)

Beige 300

rgb(251, 250, 248)

Beige 200

rgb(253, 253, 252)

Beige 100

rgb(254, 254, 253)

Faded Blue 950

rgb(95, 103, 117)

Faded Blue 900

rgb(128, 139, 158)

Faded Blue 800

rgb(156, 169, 193)

Faded Blue 700

rgb(175, 186, 205)

Faded Blue 600

rgb(195, 203, 218)

Faded Blue 500

rgb(215, 220, 230)

Faded Blue 400

rgb(235, 238, 243)

Faded Blue 300

rgb(245, 246, 249)

Faded Blue 200

rgb(250, 251, 252)

Faded Blue 100

rgb(252, 252, 253)

Off Yellow 950

rgb(158, 151, 89)

Off Yellow 900

rgb(199, 190, 111)

Off Yellow 800

rgb(235, 224, 132)

Off Yellow 700

rgb(239, 230, 156)

Off Yellow 600

rgb(243, 236, 181)

Off Yellow 500

rgb(247, 243, 206)

Off Yellow 400

rgb(251, 249, 230)

Off Yellow 300

rgb(253, 252, 242)

Off Yellow 200

rgb(254, 254, 249)

Off Yellow 100

rgb(255, 254, 251)

Barevné režimy

Barevné režimy (HEX, RGB, CMYK, Pantone, RAL, NCS) představují různé systémy definování barev, které se používají v různých médiích a technologiích. Tabulka níže vysvětluje jejich použití pro správné zobrazení loga na obrazovkách, v tisku či fyzických materiálech.

Barevný režim	Co je to?	Použití
HEX	Ekvivalent RGB (hexadecimální)	WEBHTMLCSS
RGB	Barevný prostor obrazovek RGB	WEBHTMLCSS
CMYK	Barevný prostor pro tiskárny CMYK	TISK
Pantone	Přímé namíchané barvy Pantone pro tisk	TISK
RAL	Systém přiřazování barev RAL pro fyzické objekty	PRŮMYSL
NCS	Systém přirozených barev NCS založený na vnímání	PRŮMYSLDESIGN

Barvy

Na této stránce

Hlavní barvy

Doplňkové barvy

Palety barev

Barevné režimy

Barevný režim

Co je to?

Použití