Solutii IT&C

  • Cum cumperi?
  • Laptopuri
  • Tablete
  • Telefoane mobile
  • Imprimante
  • Stiri
  • Programe utile
  • Facebook
Te afli la: SolutiiPC Cod HTML 4 – Culori in HTML

4 – Culori in HTML

Catalin 13/02/2013 Leave a Comment

Deoarece am folosit culorile în lecţia precedentă, în cursul de astăzi vom vorbi în detaliu despre acestea.

În HTML, culorile sunt denumite după standardul RGB (red-green-blue , rosu-verde-albastru în română). Codul este format din 6 cifre, fiecare grup de câte două reprezentând cantitatea de roşu, albastru, respectiv verde.

Cantitatea din fiecare culoare variază între 0 şi 255, astfel încât avem 256x256x256 culori. Pentru a se evita un cod de 9 cifre, culorile nu sunt definite în baza 10 ci în baza 16.
Astfel, cifrele sunt 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f, unde a=10, b=11, c=12, d=13, e=14, f=15.

Rezultă peste 16 milioane de nuanţe de culoare, începând cu #000000 (negru), şi terminând cu #ffffff (alb).

Similar, când alegem o combinaţie cu aceeaşi cantitate de roşu, albastru şi verde, obţinem nuanţe de alb, negru şi gri. Mai jos, un tabel care exemplifică, din 8 în 8 nuanţe.gri. Mai jos, un tabel care exemplifica, din 8 in 8 nuante.

Nuante de gri Cod HTML Cod RGB
#000000 rgb(0,0,0)
#080808 rgb(8,8,8)
#101010 rgb(16,16,16)
#181818 rgb(24,24,24)
#202020 rgb(32,32,32)
#282828 rgb(40,40,40)
#303030 rgb(48,48,48)
#383838 rgb(56,56,56)
#404040 rgb(64,64,64)
#484848 rgb(72,72,72)
#505050 rgb(80,80,80)
#585858 rgb(88,88,88)
#606060 rgb(96,96,96)
#686868 rgb(104,104,104)
#707070 rgb(112,112,112)
#787878 rgb(120,120,120)
#808080 rgb(128,128,128)
#888888 rgb(136,136,136)
#909090 rgb(144,144,144)
#989898 rgb(152,152,152)
#A0A0A0 rgb(160,160,160)
#A8A8A8 rgb(168,168,168)
#B0B0B0 rgb(176,176,176)
#B8B8B8 rgb(184,184,184)
#C0C0C0 rgb(192,192,192)
#C8C8C8 rgb(200,200,200)
#D0D0D0 rgb(208,208,208)
#D8D8D8 rgb(216,216,216)
#E0E0E0 rgb(224,224,224)
#E8E8E8 rgb(232,232,232)
#F0F0F0 rgb(240,240,240)
#F8F8F8 rgb(248,248,248)
#FFFFFF rgb(255,255,255)

Pentru culori, o listă cu principalele nuanţe o poţi găsi pe situl w3schools.

Sper că ai înţeles ce reprezintă culorile şi cum trebuie introduse corect într-un document html. Nu te obosi să reţii codurile, le poţi găsi oricând pe internet, căutând HEX color codes sau html color codes.

Te poţi juca cu ele în codul anterior, experimentând diverse variante. Sau poţi aştepta să ne jucăm împreună, în lecţiile viitoare, cand revenim la clătitele noastre.

Similare

Filed Under: HTML

Despre autor

Daca vrei sa apara:
- semneaza cu numele tau, nu al firmei
- nu alerga dupa link
- scrie romaneste, nu kum apucy
- daca tii sa ataci, ataci ideea, nu persoana
Primul comentariu e moderat.

Lasă un răspuns Anulează răspunsul

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Acest site folosește Akismet pentru a reduce spamul. Află cum sunt procesate datele comentariilor tale.

Categorii

  • Aparate Foto (29)
  • Console Jocuri (12)
  • CPanel (8)
  • Cum cumperi? (23)
  • Desktop PC (6)
  • Diverse (49)
  • Electrocasnice (24)
  • Facebook (14)
  • Frigidere (5)
  • Gadgeturi (9)
  • Gmail (2)
  • Guestposts (5)
  • Hardware (27)
  • HDD Extern (10)
  • HTML (11)
  • Imprimante (19)
  • Laptopuri (47)
  • Masini de spalat (5)
  • Microsoft Office (1)
  • Programe utile (4)
  • Reduceri Promotii (3)
  • Reduceri si Promotii (34)
  • Securitate (8)
  • Sisteme Audio (12)
  • Sisteme de Andocare (9)
  • Sisteme de navigatie GPS (14)
  • Sisteme Home Cinema (4)
  • Software (10)
  • Stiri (319)
  • Tablete (43)
  • Telefoane mobile (88)
  • Televizoare (13)
  • Webmasteri (5)
  • Windows (7)
  • Yahoo (4)

Etichete

A4 (4) Acer (11) Allview (17) amazon (7) AMD (12) android (54) apple (49) Asus (23) BlackBerry (6) canon (8) dell (7) facebook (15) featured (310) google (39) Google Nexus (5) HP (14) htc (8) huawei (6) IBM (5) intel (25) ios (5) iphone (5) Lenovo (22) LG (29) linux (6) microsoft (39) motorola (8) nikon (10) Nokia (18) nvidia (6) quad-core (8) qualcomm (12) refacute (24) Samsung (80) seagate (6) snapdragon (7) sony (25) toshiba (10) twitter (6) western digital (7) windows (10) windows phone (5) xiaomi (5) yahoo (7) zuckerberg (5)

Pagini

  • Contact
  • Ghid cumparaturi electronice
  • Ghid de cumparaturi electrocasnice
  • Propune un articol
  • Termeni si conditii

Copyright © 2025 · SolutiiPC.ro