You are on page 1of 6

Despre culori HTML

In aceasta lectie vom vorbi despre culori, mai precis despre codurile si numele culorilor. Acest curs, asa cum s-a mai spus, este pentru cei care vor sa invete limbajul HTML intr-un mod cat mai usor si placut in acelasi timp. De aceea, nu vom intra in foarte multe detalii si ne vom referi, in cadrul acestei lectii, strict la modul cum se poate schimba culoarea fondului sau textului unei pagini web. De asemenea vei gasi in sectiunea a treia a lectiei si un tabel cu numele si codurile culorilor cele mai folosite.

Culoarea fondului unei pagini web


Asa cum am vazut si in lectia precedenta nu trebuie ca fondul paginii tale sa fie alb. Poti opta pentru ce culoare vrei cu ajutorul atributului BGCOLOR al tag-ului <BODY>. Tot ce trebuie sa faci este sa cauti in tabelul cu nume si coduri de culori din cadrul acestei lectii, sa alegi una care-ti place si sa-i scrii numele sau codul in cadrul atributului BGCOLOR. Sa vedem un exemplu: Vreau ca pagina mea sa aiba fondul de culoare deschisa. Pentru a ma decide ma uit la culorile din tabelul cu nume si coduri de culori. Mi-a atras atentia culoarea aqua care are codul #00FFFF. Acest cod il scriu in locul celui de la lectia 3: in loc de linia: <BODY BGCOLOR="#FF9900"> vom avea urmatoarea linie: <BODY BGCOLOR="#00FFFF"> Pagina web va deveni asa: exemplu6.html

Culoarea textului
Culoarea textului in cadrul unei pagini html se poate schimba folosind atributul COLOR (culoare) al tag-ului <FONT>. De altfel un prim exemplu despre cum putem schimba culoarea textului unei pagini web am vazut in lectia precedenta. In lectia 3, am ales culorile albastru si rosu pentru text. Sa spunem ca vrem ca tot textul sa fie scris cu albastru inchis si verde. Atunci in loc de codul culorii albastru (#0000FF) si respectiv rosu (#FF0000) vom folosi codul #00008B (albastru inchis) si codul #008000 (verde) in atributul COLOR al tag-ului <FONT>. Astfel codul HTML al paginii noastre va fi urmatorul: <HTML> <HEAD> <TITLE>Prima mea pagina web</TITLE> </HEAD> <BODY BGCOLOR="#00FFFF"> <FONT COLOR="#00008B" SIZE="6">

Bine ai venit! </FONT><BR> <HR COLOR="#FF0000" WIDTH="25%" SIZE="5%" ALIGN="left"> <BR> <FONT COLOR="#008000"> Vom invata impreuna limbajul HTML. Aceasta este prima mea pagina web! </FONT> <HR> </BODY> </HTML> Salveaza pagina cu numele de culori.html. Nu uita sa scrii si tu si sa verifici codul HTML al fiecarui exemplu al acestui curs. Daca nu ai facut nici o greseala, la exemplul de mai sus, pagina web ar trebui sa arate astfel: exemplu7.html

Nume si coduri de culori sigure


In continuare vom vedea ce inseamna culori sigure. Sunt acele culori care vor fi afisate de majoritatea browserele. Daca, de exemplu, pentru fondul paginii tale web ai folosit o anumita culoare, dar nu ai verificat sa vezi daca aceasta face parte din culorile sigure, atunci exista posibilitatea ca unii dintre utilizatorii paginii tale sa vada o cu totul alta culoare. Sa vedem cele mai importante culori care sunt recunoscute de majoritatea browserelor: Nume culoare Cod culoare Culoare AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 Black #000000 BlanchedAlmond #FFEBCD Blue #0000FF BlueViolet #8A2BE2 Brown #A52A2A BurlyWood #DEB887 CadetBlue #5F9EA0 Chartreuse #7FFF00 Chocolate #D2691E Coral #FF7F50 CornflowerBlue #6495ED Cornsilk #FFF8DC Crimson #DC143C

Cyan DarkBlue DarkCyan DarkGoldenRod DarkGray DarkGreen DarkKhaki DarkMagenta DarkOliveGreen Darkorange DarkOrchid DarkRed DarkSalmon DarkSeaGreen DarkSlateBlue DarkSlateGray DarkTurquoise DarkViolet DeepPink DeepSkyBlue DimGray DodgerBlue Feldspar FireBrick FloralWhite ForestGreen Fuchsia Gainsboro GhostWhite Gold GoldenRod Gray Green GreenYellow HoneyDew HotPink IndianRed Indigo Ivory Khaki

#00FFFF #00008B #008B8B #B8860B #A9A9A9 #006400 #BDB76B #8B008B #556B2F #FF8C00 #9932CC #8B0000 #E9967A #8FBC8F #483D8B #2F4F4F #00CED1 #9400D3 #FF1493 #00BFFF #696969 #1E90FF #D19275 #B22222 #FFFAF0 #228B22 #FF00FF #DCDCDC #F8F8FF #FFD700 #DAA520 #808080 #008000 #ADFF2F #F0FFF0 #FF69B4 #CD5C5C #4B0082 #FFFFF0 #F0E68C

Lavender LavenderBlush LawnGreen LemonChiffon LightBlue LightCoral LightCyan LightGoldenRodYellow LightGrey LightGreen LightPink LightSalmon LightSeaGreen LightSkyBlue LightSlateBlue LightSlateGray LightSteelBlue LightYellow Lime LimeGreen Linen Magenta Maroon MediumAquaMarine MediumBlue MediumOrchid MediumPurple MediumSeaGreen MediumSlateBlue MediumSpringGreen MediumTurquoise MediumVioletRed MidnightBlue MintCream MistyRose Moccasin NavajoWhite Navy OldLace Olive

#E6E6FA #FFF0F5 #7CFC00 #FFFACD #ADD8E6 #F08080 #E0FFFF #FAFAD2 #D3D3D3 #90EE90 #FFB6C1 #FFA07A #20B2AA #87CEFA #8470FF #778899 #B0C4DE #FFFFE0 #00FF00 #32CD32 #FAF0E6 #FF00FF #800000 #66CDAA #0000CD #BA55D3 #9370D8 #3CB371 #7B68EE #00FA9A #48D1CC #C71585 #191970 #F5FFFA #FFE4E1 #FFE4B5 #FFDEAD #000080 #FDF5E6 #808000

OliveDrab Orange OrangeRed Orchid PaleGoldenRod PaleGreen PaleTurquoise PaleVioletRed PapayaWhip PeachPuff Peru Pink Plum PowderBlue Purple Red RosyBrown RoyalBlue SaddleBrown Salmon SandyBrown SeaGreen SeaShell Sienna Silver SkyBlue SlateBlue SlateGray Snow SpringGreen SteelBlue Tan Teal Thistle Tomato Turquoise Violet VioletRed Wheat White

#6B8E23 #FFA500 #FF4500 #DA70D6 #EEE8AA #98FB98 #AFEEEE #D87093 #FFEFD5 #FFDAB9 #CD853F #FFC0CB #DDA0DD #B0E0E6 #800080 #FF0000 #BC8F8F #4169E1 #8B4513 #FA8072 #F4A460 #2E8B57 #FFF5EE #A0522D #C0C0C0 #87CEEB #6A5ACD #708090 #FFFAFA #00FF7F #4682B4 #D2B48C #008080 #D8BFD8 #FF6347 #40E0D0 #EE82EE #D02090 #F5DEB3 #FFFFFF

WhiteSmoke Yellow YellowGreen

#F5F5F5 #FFFF00 #9ACD32

You might also like