Crearea unei palete

“O paleta?”, v-ati putea intreba. “Nu este acelasi lucru ca o schema de culori?” Ei bine da si nu. O schema de culori va va da doua, trei sau patru culori cu care puteti lucra. Desi o paleta limitata poate fi frumoasa, probabil ca veti avea nevoie de mai multe culori pentru a face designul site-ului dumneavoastra. Este mai bine sa finalizati acest proces in timp ce ganditi in limbajul culorilor, decat sa alegeti la intamplare culori auxiliare pe masura ce aveti nevoie de ele pentru layoutul dumneavoastra. Numarul culori de care veti avea nevoie va depinde de complexitatea designului dumneavoastra. Imi place sa pornesc cu cel putin cinci sau sase optiuni solide de culori inainte chiar sa ma gandesc sa le pun in practica in layoutul meu.

Notarea hexadecimala

Din moment ce aceasta este etapa in care ne referim chiar la fiecare culoare pe care o alegem, o sa avem nevoie de o modalitate standard de a vorbi despre culorile din paleta noastra. Probabil ca stiti deja despre valorile hexadecimale ale culorilor RGB, insa daca nu stiti, iata o versiune prescurtata a teoriei.

Sistemul de numarare hexadecimal este foarte asemanator cu sistemul de numarare decimal cu care sunteti obisnuiti, numai ca in loc sa fie bazat pe multipli de zece, este bazat pe multipli de saisprezece si are sase cifre aditionale: A (care este echivalentu lui 10 din zecimal), B (11), C (12), D (13), E (14) si F (15). Tabelul 2.1 arata cum numaram de la 11 la 255 in sistemul decimal si hexadecimal.

Care este, insa, legatura cu paletele de culori? Anterior in acest capitol, am explicat ca monitorul dumneavoastra foloseste un model de culori RGB adi tiv si ca fiecare pixel din ecran este “pictat” folosind o combinatie de lumina rosie, verde si albastra. Insa am uitat sa mentionez ca sunt 256 de niveluri diferite de lumina rosie, 256 de niveluri de lumina verde si 256 de niveluri de lumina albastra; le putem folosi pentru a crea 16.777.216 de culori distincte.

Din fericire, avem o modalitate de a descrie rapid si usor fiecare dintre aceste culori – folosind codurile hexadecimale de culori. Un cod hexadecimal de culori arata nivelurile de rosu, verde si albastru care intra intr-o anumita culoare. De exemplu, combinarea rosului, a verdelui si a albastrului la cele mai inalte niveluri posibile da culoarea alba. Pentru a folosi culoarea alba intr-o pagina web, am stabilit componenta sa rosie la 255 (FF in hexadecimal), componenta sa verde la 255 (FF) si cea albastra la 255 (FF). Apoi combinam aceste valori hexadecimale in ordinea rosu, verde si albastru si obtinem codul FFFFFF.

Numaratoarea de la 1 la 255 in sistemul hexadecimal

Decimal

Hexadecimal

Decimal

Hexadecimal

Decimal

Hexadecimal

o

00

16

10

32

20

1

01

17

11

33

21

2

02

18

12

34

22

3

03

19

13

35

23

4

04

20

14

5

05

21

15

245

F5

6

06

22

16

246

F6

7

07

23

17

247

F7

8

08

24

18

248

F8

9

09

25

19

249

F9

10

0A

26

1A

250

FA

11

08

27

18

251

F8

12

0C

28

1C

252

FC

13

0D

29

1D

253

FD

14

0E

30

1E

254

FE

15

0F

31

1F

255

FF

Negrul. care este compus din ducerea la zero a valorilor pentru rosu, verde si albastru (00), are codul 000000. Rosul este creat daca ducem rosul la FF si lasam verdele si albastrul la 00 si are codul FF0000. Dupa ce veti vedea si folosi o multime de culori hexadecimale, veti incepe sa vedeti culorile in cod. De exemplu, #F26382 este o nuanta de roz corai, iar #371324 este culoarea unui vin rosu usor purpuriu. Odata ce considerati ca ati ajuns la statutul de Master Jedi in Hexa, mergeti la http://yizzle.com/whatthehex/ pentru un joculet intitulat “What the Hex?”.