CSS ne pune la dispoziţie o bază cu 16,777,216 de culori, ce le putem scrie fie cu nume, valori RGB (red-green-blue) fie cu o combinaţie numercă denumită hex.

roşu

Îl putem scrie asa

rgb (255,0,0)

Sau asa

rgb (100%,0%,0%)

Desigur si metoda asta e buna

#ff0000

Sau mai scurt

#foo

Avem 17 nume ce definesc culori, desigur sunt în limba engleză : aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, si yellow.

Un secret! transparent este o valoare ce poate fi folosită

În formatul de culori RGB, valorile unei culori pot fi cuprinse între 0 (zero) ,ce înseamna cel mai mic nivel din acea culoare (adica ceva de genul “fara roşu”) , şi 255 ( cu alte cuvinte putem spune “maxim de roşu”).Aceste valori mai pot fi scrise şi sub forma procentajelor.

Acum să vă explic care e treaba cu hex.

Hex, vine de la hexadecimal (aşa se spunea, dar cică acum se spune sexadecimal ), reprezentând sistemul numeric in baza 16(pompos?).E simplu : noi normal folosim sistem numeric in baza 10, adică numerele de la 0 la 9, dar aici avem numere de la 0(zero) la f, adica 0,1,2,3,4,5,6,7,8,9 plus a,b,c,d,e,f. Cum se construieşte un cod de culoare în baza 16, adică hexadecimal : avem # pentru a eticheta culoare, şi codul ( Ex: #f00 asta fiind varianta comprimată, #ff0000 este varianta de 6 indici, sau #c96 sub forma de 6 devine #cc9966). Care e diferenţa dintre a folosi 3 sau 6 indici , păi simplu, ai mai mult control asupra culorii, adică te poţi juca cu noanţele, mult mai amănunţit

“color” sau “background-color”

Culorile în documentul CSS le vom scrie folosind color şi background-color. Să spunem că avem background albastru şi scris galben pentru titlurile cu tag-ul h1, codul ar arăta aşa :

h1 {
color: yellow;
background-color: blue;
}

Normal că poţi schimba numele de culori cu acele coduri cu #, asta desigur pentru adeţine control mai mare asupra noanţelor!Cele 2 comenzi , color şi backgorund-color, pot fi folosite la toate elementele din CSS ce sunt descrise de tag-urile HTML.