Farebné kódy CSS

Farebné kódy a názvy CSS.

• Červené farby
• Oranžové farby
• Žlté farby
• Zelené farby
• Azúrové farby
• Modré farby
• Fialové farby
• Ružové farby
• Biele farby
• Sivé farby
• Hnedé farby

Farba CSS

Farebný kód môže mať nasledujúce formáty:

Hex formát: #rrggbb

Formát RGB: rgb (červená, zelená, modrá)

Formát názvu: meno

PRÍKLAD

Pre oranžovú farbu:

Hex formát: #FFA500

Formát RGB: rgb(255,165,0)

Formát názvu: oranžový

Nastavenie farby prvku

Pre konkrétny prvok:

<element style="color: code;"></element>

Pre všetky prvky rovnakého typu. Vložte kód do značky <style> do sekcie hlavy:

<style>
   element { color: code; }
</style>

PRÍKLAD

Nastavenie farby textu odseku na červenú:

Nastavenie farby konkrétneho odseku:

<p style="color: #FF0000;">text ...</p>

Náhľad:

Nějaký text ...

Nastavenie farby všetkých odsekov

<style>
   p { color: #FF0000; }
</style>

Nastavenie farby pozadia prvku

element { background: code; }

PRÍKLAD

Nastavenie farby pozadia odseku na červenú:

Nastavenie farby pozadia konkrétneho odseku:

<p style="background: #FF0000;">text...</p>

Náhľad:

text ...

Nastavenie farby pozadia všetkých odsekov:

<style>
   p { background: #FF0000; }
</style>

Nastavenie farby okraja prvku

element { border-color: topcode rightcode bottomcode leftcode }

PRÍKLAD

Nastavenie farby okraja odseku na červenú, zelenú, modrú a čiernu:

Nastavenie farby okraja konkrétneho odseku:

<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">text ...</p>

Náhľad:

text ...

Nastavenie farby okraja všetkých odsekov:

<style>
   p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>

Červené farby

Oranžové farby

Žlté farby

Zelené farby

Azúrové farby

Modré farby

Fialové farby

Ružové farby

Biele farby

Sivé farby

Hnedé farby