Codul culorilor HTML

Scris de Dan la 15 ianuarie 2010
34 comentarii

Cod culori HTML

codul culorilor in HTML Codul culorilor HTML

De multe ori s-a intamplat sa am nevoie de codul culorilor in limbajul HTML, si bineinteles ca nu stiam “din cap” toate codurile culorilor html. Cunosteam culorile de baza, cum ar fi #FFFFFF alb, #000000 negru, #FF0000 rosu, #008000 verde, etc, insa nu aveam cum sa memorez tot tabelul culorilor html. Prin urmare, am sa va prezint si voua acest tabel cu culorile de baza din limbajul HTML. Sunt culorile cele mai fecvent utilizate de catre webdesigneri, culori standard in HTML.

Prin urmare am facut acest tutorial, pentru cei care sunt pasionati de webdesign (webmasterii), in principiu pentru oricine se ocupa de siteuri web, cei care fac siteuri web sau modifica siteuri web, si cred ca acest tabel al culorilor in HTML le va fi foarte util. Pentru a avea acces rapid la acest tabel, salvati-va acest link la Favorite (in browserul vostru). Personal, ca sa am acces rapid la tabelul cu culori HTML, asa am facut. Adica, am scris acest articol in primul rand pentru mine, sa am acces rapid la codul culorilor yahoo laughloud Codul culorilor HTML …

La sfarsitul acestui tabel cu culori HTML, am sa va prezint si cateva exemple de utilizare a acestor culori in limbajul HTML …

 Culoare

 Nume culoare

 Cod 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

 #00FFFF

 DarkBlue

 #00008B

 DarkCyan

 #008B8B

 DarkGoldenRod

 #B8860B

 DarkGray

 #A9A9A9

 DarkGreen

 #006400

 DarkKhaki

 #BDB76B

 DarkMagenta

 #8B008B

 DarkOliveGreen

 #556B2F

 Darkorange

 #FF8C00

 DarkOrchid

 #9932CC

 DarkRed

 #8B0000

 DarkSalmon

 #E9967A

 DarkSeaGreen

 #8FBC8F

 DarkSlateBlue

 #483D8B

 DarkSlateGray

 #2F4F4F

 DarkTurquoise

 #00CED1

 DarkViolet

 #9400D3

 DeepPink

 #FF1493

 DeepSkyBlue

 #00BFFF

 DimGray

 #696969

 DodgerBlue

 #1E90FF

 Feldspar

 #D19275

 FireBrick

 #B22222

 FloralWhite

 #FFFAF0

 ForestGreen

 #228B22

 Fuchsia

 #FF00FF

 Gainsboro

 #DCDCDC
Blogul lui Dan

 GhostWhite

 #F8F8FF

 Gold

 #FFD700

 GoldenRod

 #DAA520

 Gray

 #808080

 Green

 #008000

 GreenYellow

 #ADFF2F

 HoneyDew

 #F0FFF0

 HotPink

 #FF69B4

 IndianRed

 #CD5C5C

 Indigo

 #4B0082

 Ivory

 #FFFFF0

 Khaki

 #F0E68C

 Lavender

 #E6E6FA

 LavenderBlush

 #FFF0F5

 LawnGreen

 #7CFC00

 LemonChiffon

 #FFFACD

 LightBlue

 #ADD8E6

 LightCoral

 #F08080

 LightCyan

 #E0FFFF

 LightGoldenRodYellow

 #FAFAD2

 LightGrey

 #D3D3D3

 LightGreen

 #90EE90

 LightPink

 #FFB6C1

 LightSalmon

 #FFA07A

 LightSeaGreen

 #20B2AA

 LightSkyBlue

 #87CEFA

 LightSlateBlue

 #8470FF

 LightSlateGray

 #778899

 LightSteelBlue

 #B0C4DE

 LightYellow

 #FFFFE0

 Lime

 #00FF00

 LimeGreen

 #32CD32

 Linen

 #FAF0E6

 Magenta

 #FF00FF

 Maroon

 #800000

 MediumAquaMarine

 #66CDAA

 MediumBlue

 #0000CD

 MediumOrchid

 #BA55D3

 MediumPurple

 #9370D8

 MediumSeaGreen

 #3CB371

 MediumSlateBlue

 #7B68EE

 MediumSpringGreen

 #00FA9A

 MediumTurquoise

 #48D1CC

 MediumVioletRed

 #C71585

 MidnightBlue

 #191970
Blogul lui Dan

 MintCream

 #F5FFFA

 MistyRose

 #FFE4E1

 Moccasin

 #FFE4B5

 NavajoWhite

 #FFDEAD

 Navy

 #000080

 OldLace

 #FDF5E6

 Olive

 #808000

 OliveDrab

 #6B8E23

 Orange

 #FFA500

 OrangeRed

 #FF4500

 Orchid

 #DA70D6

 PaleGoldenRod

 #EEE8AA

 PaleGreen

 #98FB98

 PaleTurquoise

 #AFEEEE

 PaleVioletRed

 #D87093

 PapayaWhip

 #FFEFD5

 PeachPuff

 #FFDAB9

 Peru

 #CD853F

 Pink

 #FFC0CB

 Plum

 #DDA0DD

 PowderBlue

 #B0E0E6

 Purple

 #800080

 Red

 #FF0000

 RosyBrown

 #BC8F8F

 RoyalBlue

 #4169E1

 SaddleBrown

 #8B4513

 Salmon

 #FA8072

 SandyBrown

 #F4A460

 SeaGreen

 #2E8B57

 SeaShell

 #FFF5EE

 Sienna

 #A0522D

 Silver

 #C0C0C0

 SkyBlue

 #87CEEB

 SlateBlue

 #6A5ACD

 SlateGray

 #708090

 Snow

 #FFFAFA

 SpringGreen

 #00FF7F

 SteelBlue

 #4682B4

 Tan

 #D2B48C

 Teal

 #008080

 Thistle

 #D8BFD8

 Tomato

 #FF6347

 Turquoise

 #40E0D0

 Violet

 #EE82EE

 VioletRed

 #D02090

 Wheat

 #F5DEB3

 White

 #FFFFFF

 WhiteSmoke

 #F5F5F5

 Yellow

 #FFFF00

 YellowGreen

 #9ACD32

_________________________________________________________
Un tabel cu mai multe culori gasiti aici !

UPDATE: – Gasiti acum aici, un generator de coduri hexadecimale pentru orice culoare:

http://dan-blog.ro/html-color-code-generator-generator-de-cod-culori.html

_________________________________________________________

Iata si cateva exemple de utilizare a codului de culori in limbajul HTML:

_________________________________________________________
De exemplu, daca vrem sa coloram un anumit text din pagina noastra web, folosim urmatorul cod:

<font color="#FF0000">TEXTUL TAU</font>

rezultatul va fi urmatorul: TEXTUL TAU
_________________________________________________________
Daca vrem sa coloram toata pagina web, adica sa setam culoarea de fundal a paginii web, atunci utilizam codul culorilor astfel:

<body bgcolor="#008000"> … vei obtine astfel, un fundal de culoare verde a paginii tale web. Bineinteles ca acesta este doar un exemplu, am ales culoarea verde pentru situatia in care faceti acest experiment, modificarea fundalului paginii web sa fie vizibila, sa va dati seama exact ce anume se modifica la pagina web.
_________________________________________________________
Daca vreti sa setati culoarea fundalului la o anumita zona din site, ca de exemplu un dreptunghi mai mare in care aveti un anunt important, puteti sa folositi de exemplu o diviziune pe care sa o colorati.

<div style="background:#FF0000">TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, </div>

… rezultatul obtinut fiind acesta:

TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU,

_________________________________________________________

Daca vreti sa setati atat culoarea fundalului la o anumita zona din site, cat si culoarea textului din acea zona, puteti face setari independente pentru fundal si text, setand culoarea rosie pentru fundalul diviziunii si culoarea galbena pentru textul din interiorul diviziunii, ca in exemplul de mai jos:

<div style="background:#FF0000"><font color="#FFFF00">TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU,</font></div>

… rezultatul obtinut va fi acesta:

TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU, TEXTUL TAU,

_________________________________________________________

PS: Daca aveti nelamuriri vis-a-vis de culorile HTML sau utilizarea lor, aveti mai jos rubrica de “comentarii” yahoo smiley Codul culorilor HTML … Succes!

Tutorial culori HTML © Copyright 2010 www.dan-blog.ro @ Dan

Categorie articol [ Programare ]
Tagged with: [ , , , , , , , , ]
Ţi-a plăcut acest articol ? Atunci votează-l, aici:
   

34 comentarii la “Codul culorilor HTML”

  • ionutz_pa
    ... a scris la 15 ianuarie 2010, 16:44   [#1]

    Felicitări Dan, chiar interesant ! Să vezi ce înroșesc chatul pe Clape.ro. :d

    A, felicitări pentru blog, mare meseriaș !

  • mihai c.
    ... a scris la 15 ianuarie 2010, 22:14   [#2]

    super tare ! Am mai invatat ceva. Am tot dat add la favorite la pagina.

  • sinsdesign
    ... a scris la 15 ianuarie 2010, 22:35   [#3]

    Felicitari pentru idee! Chiar ajuta!

  • dorin
    ... a scris la 18 ianuarie 2010, 4:54   [#4]

    Bravo ! E chiar util tabelul asta, si eu m-am batut de problema asta. E mult mai simplu cu un bookmark din browser direct pe net decat sa mai instalez un program pe laptop pentru asa ceva, si asa am laptopul cam incarcat si .. merge cum merge.

  • tancu
    ... a scris la 18 ianuarie 2010, 22:20   [#5]

    foarte util tabelul… mersi!

  • BabBarDeL
    ... a scris la 19 ianuarie 2010, 23:10   [#6]

    Util -- daca l-as fi gasit acum cateva zile. Eventual ai putea sa adaugi un tabel cu codurile culorilor web 2.0 stranse pe nuante. :)

  • bya
    ... a scris la 25 februarie 2010, 22:54   [#7]

    HeLp pls.:|
    am incercat vreo 10 coduri ptr. roz:| :| :| :| si in loc de roz imi apare albastru..:(( :((
    bia.kiddu id`u ..pls help

  • Dan
    ... a scris la 25 februarie 2010, 23:11   [#8]

    Codurile acestea le-ai incercat ?
    http://www.dan-blo...i/cod-culori.html

  • bya
    ... a scris la 25 februarie 2010, 23:14   [#9]

    tot nu merg:(

  • Dan
    ... a scris la 18 aprilie 2010, 17:12   [#10]

    @ bya: Am pus inca un set de culori, de data aceasta in ordine lor cromatica, vezi aici:
    http://www.dan-blo...ori-cromatic.html

  • Catalin
    ... a scris la 30 iunie 2010, 14:54   [#11]

    Salut vreau sa pun scrisul sa apara la mijloc, adica scriu ceva pe pagina si imi apare de la stanga spre dreapta, eu vreau sa fac sa apara de la mijloc ma poate ajuta careva stie codul acela ?

  • Dan
    ... a scris la 30 iunie 2010, 15:11   [#12]

    @ Catalin: -- Intrebarea asta ar fi trebuit sa o pui pe forum nu aici, aici se discuta despre culori…
    Raspunsul la intrebarea ta se afla aici:
    http://dan-blog.ro...-textul-in-mijloc

  • Silviu
    ... a scris la 7 iulie 2010, 12:09   [#13]

    ii foarte bun tabelul asta foarte foarte bun fooaarrttee bbuunn :d :d ;) ;)

  • Dan
    ... a scris la 2 septembrie 2010, 2:28   [#14]

    Acuma puteti gasi orice culoare, cu generatorul de coduri hexadecimale pentru culori, pe care-l gasiti aici:
    http://dan-blog.ro...or-code-generator

  • Syers
    ... a scris la 19 mai 2011, 19:19   [#15]

    I have recently started a web site, the information you offer on this website has helped me greatly. Thank you for all of your time & work.

  • mada
    ... a scris la 27 iulie 2011, 1:56   [#16]

    Eu cautam codurile pt. un joc browser, sunt foarte folositoare, dar nu sunt citite pe acel joc :D

  • Corny
    ... a scris la 5 decembrie 2011, 20:33   [#17]

    Salutare, Dane… Cu scuzele de rigoare ca sunt incepator in HTML, as dori daca se poate, coduri HTML pt. orase… imi trebuiesc la site-ul meu, vreau sa bag si Calarasiul la “vremea” in tara… Multumiri pt. ce faci aici, multe imi sunt de folos, mai invat si eu. Multumiri si tot respectul, Cornel.

  • Dan
    ... a scris la 5 decembrie 2011, 21:18   [#18]

    Aici se discuta despre codul culorilor, nu despre altceva. Daca ai intrebari, deschide un subiect nou pe forum.

  • Corny
    ... a scris la 6 decembrie 2011, 20:57   [#19]

    Da… imi cer scuze, o seara buna. Corny.

  • BREK999
    ... a scris la 12 decembrie 2011, 9:28   [#20]

    interesant! :-?

  • Alexa
    ... a scris la 25 octombrie 2012, 23:02   [#21]

    Foarte bun ce ai facut, am dat bookmark la pagina :d

  • M@ria
    ... a scris la 10 noiembrie 2012, 17:35   [#22]

    Chiar e foarte util, multumesc si eu pentru acel generator de coduri.. :* O seara frumoasa in continuare ;))

  • Emil Calinescu
    ... a scris la 20 noiembrie 2012, 18:38   [#23]

    Eu as vrea invers. Sa aflu un cod carei culori ii corespunde. Cum fac asta?

  • Dan
    ... a scris la 20 noiembrie 2012, 23:13   [#24]

    @ Emil Calinescu: -- Poti face ceea ce vrei tu, aici.

  • Streza
    ... a scris la 13 decembrie 2012, 15:36   [#25]

    Salutare! Nu stiu daca mai scrii pe acest blog, sper sa imi raspunzi si mie la intrebare. Am acest blog: inamicul-public.blogspot.ro, mai exact am lasat link catre o postare, cand dai pe poza se mareste poza dar imi ramane bara de meniu peste poza … cunosti vre-o solutie sa scap de bara de meniu, sa se afiseze poza peste ea !?!?!? ^:)^

  • Dan
    ... a scris la 13 decembrie 2012, 22:39   [#26]

    @ Streza: -- Si ce legatura are intrebarea ta, cu subiectul acestui articol? Daca ai intrebari, foloseste forumul!

  • Bogdan Petrea
    ... a scris la 2 august 2013, 17:05   [#27]

    Multumim! Chiar aveam nevoie de asa ceva. Am mai gasit articole care trateaza subiectul acesta, dar nicaieri nu am gasit un articol atat de bine pus la punct.

  • Iulian
    ... a scris la 1 octombrie 2013, 14:54   [#28]

    Salut….cum fac ca fiecare pagina de web site pe care o deschid sa apară intr-o anumita culoare de ex BEJ ?! deci fără sa mai setez pentru fiecare pagina in parte,de exemplu pentru Opera.

  • LiviuTzzu
    ... a scris la 20 octombrie 2013, 23:00   [#29]

    Super:peace:

  • Doina
    ... a scris la 10 decembrie 2013, 22:55   [#30]

    Muream si nu stiam ca exista asa ceva :] Doamne dar nu vi se aprind mintile? Cat de simplu este sa deschizi PC-ul si sa apara totul ok, fara sa te gandesti ca ok-ul ala este facut de cineva. Nu zic in gluma, chiar serios. Toata stima

  • Stef
    ... a scris la 29 ianuarie 2015, 16:37   [#31]

    Cum colorezi textul pe Skype? Te rog sa-mi spui. ^:)^ [-o<

  • Adrian
    ... a scris la 3 iunie 2015, 18:08   [#32]

    salutare!
    culorile din tabelul tau sunt citite de toate browserele?
    multumesc!

  • Dan
    ... a scris la 3 iunie 2015, 19:17   [#33]

    Da, sunt “citite” de toate browserele.

  • Mario
    ... a scris la 26 septembrie 2016, 11:14   [#34]

    Merci mult man ! Chiar m-ai ajutat !

Adaugă un comentariu

:) :d :)) =)) :| :( :(( #-o :-? :-w /:) :o :-j :peace: :x :-bd :-q :yes: :no: arata toate iconitele »

Anti-Spam: Ce culoare are iarba?

« Democratie versus comunism
Audi echipate cu procesoare Nvidia »