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.
