Codul culorilor HTML

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

  • share save 171 16 Codul culorilor HTML


Comenteaza acest subiect
Acest articol a fost postat vineri, 15 ianuarie 2010 in categoria Programare. Poti sa urmaresti raspunsurile catre acest articol prin RSS 2.0 feed. Poti sa postezi un comentariu, sau poti sa pui un trackback (link) de pe propriul tau site:

Ctrl + C pentru a copia linkul

20 comentarii la subiectul “Codul culorilor HTML”

  1. ionutz_pa
    Postat in 15 ianuarie 2010, la ora 16:44

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

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

  2. mihai c.
    Postat in 15 ianuarie 2010, la ora 22:14

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

  3. sinsdesign
    Postat in 15 ianuarie 2010, la ora 22:35

    Felicitari pentru idee! Chiar ajuta!

  4. dorin
    Postat in 18 ianuarie 2010, la ora 4:54

    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.

  5. tancu
    Postat in 18 ianuarie 2010, la ora 22:20

    foarte util tabelul… mersi!

  6. BabBarDeL
    Postat in 19 ianuarie 2010, la ora 23:10

    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. :)

  7. bya
    Postat in 25 februarie 2010, la ora 22:54

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

  8. Dan
    Postat in 25 februarie 2010, la ora 23:11

    Codurile acestea le-ai incercat ?
    http://www.dan-blog.ro/pagini/cod-culori.html

  9. bya
    Postat in 25 februarie 2010, la ora 23:14

    tot nu merg:(

  10. Dan
    Postat in 18 aprilie 2010, la ora 17:12

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

  11. Catalin
    Postat in 30 iunie 2010, la ora 14:54

    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 ?

  12. Dan
    Postat in 30 iunie 2010, la ora 15:11

    @ 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/forum/topic/cum-pui-textul-in-mijloc

  13. Silviu
    Postat in 7 iulie 2010, la ora 12:09

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

  14. Dan
    Postat in 2 septembrie 2010, la ora 2:28

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

  15. Syers
    Postat in 19 mai 2011, la ora 19:19

    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.

  16. mada
    Postat in 27 iulie 2011, la ora 1:56

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

  17. Corny
    Postat in 5 decembrie 2011, la ora 20:33

    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.

  18. Dan
    Postat in 5 decembrie 2011, la ora 21:18

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

  19. Corny
    Postat in 6 decembrie 2011, la ora 20:57

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

  20. BREK999
    Postat in 12 decembrie 2011, la ora 9:28

    interesant! :-?

RSS

Adauga un comentariu

Autentifica-te pe site si nu va mai trebui sa completezi casutele de mai sus.

:) :( :d :"> :(( :dancing: :x 8-| /:) :o :-? :-" :-w ;) [-( :peace: arata toate iconitele »

 

Acum poti adauga pe site, propriile tale articole/subiecte. Click aici !



Matrimoniale


 



Forum Ro2.ro - Promovare si statistici web TopD.ro Zuma PHANTOMs TOP toateBlogurile.ro Blog
Add to Google Reader or Homepage feedburner.com OctoFinder Check PageRank
Director Web Romania - LinkWeb.ro - Adauga si site-ul tau Director Web - unLink.ro - Adauga si site-ul tau www.cere.ro Web-Links.ro TopSiteuri.ro - Adauga si site-ul tau - Director web Director Feed-uri RSS Romanesti SEO monitor Addsite:: Diverse - Pagini personale
PRO Links Personal Computers blogs Personal Blogs - Blog Rankings TopOfBlogs Photographers Directory by PhotoLinks Blog Directory - OnToplist.com http://www.wikio.com On our way to 1,000,000 rss feeds - millionrss.com Dan\\\'s Blog Personal Blogs Blogul lui Dan, te tine conectat la realitate Top66 Statistici
graphics.com http://dan-blog.ro


Docs