Aplicacions amb Flutter, Dart i Flame

Tutorial Flutter Flame Projectes   Recursos CITCEA
Exemples Dart Dades pràctiques     Inici

Codificació RGB dels colors

Qualsevol color es pot descomposar en combinacions de tres colors primaris. En el cas de la llum els tres colors primaris són vermell, verd i blau i, per això, les pantalles consten de puntets d'aquests tres colors. Anomenem píxel a un bloc de tres puntets, un de cada color.

En el cas de la pintura o la tinta, els tres colors primaris són els complementaris dels comentats, és a dir, el groc, el magenta i el cian que es corresponen amb els dels cartutxos de tinta per a les impressores.

Així doncs, en sistemes digitals és força habitual fer servir les proporcions de vermell (R), verd (G) i blau (B) per codificar els colors. Les lletres R, G i B són les inicials dels tres colors en anglès (red, green, blue).

La proporció dels colors es podria representar en tant per cent però el més habitual és fer-ho amb un número entre 0 i 255 ja que aquest és el rang de valors que es pot emmagatzemar en un byte de memòria.

En la següent taula trobareu els codis RGB d'alguns colors habituals:

Color Vermell (R) Verd (G) Blau (B) Hexadecimal                     Color Vermell (R) Verd (G) Blau (B) Hexadecimal
        Vermell 255 0 0 0xFF0000         Taronja 255 128 0 #FF8000
        Verd 0 255 0 0x00FF00         Marró 192 128 64 0xFF8040
        Blau 0 0 255 0x0000FF         Or vell 192 192 0 0xC0C000
        Groc 255 255 0 0xFFFF00         Violat 128 0 255 0x8000FF
        Magenta 255 0 255 0xFF00FF         Atzur 0 128 255 0x0080FF
        Cian 0 255 255 0x00FFFF         Gris clar 192 192 192 0xC0C0C0
        Blanc 255 255 255 0xFFFFFF         Gris mig 128 128 128 0x808080
        Negre 0 0 0 0x000000         Gris fosc 64 64 64 0x404040

Partint d'un color determinat, podem fer-lo més clar augmentant de la mateixa forma els valors més baixos i podem fer-lo més fosc reduïnt els més alts. Per exemple:

Color Vermell (R) Verd (G) Blau (B) Hexadecimal                     Color Vermell (R) Verd (G) Blau (B) Hexadecimal
        0 255 0 0x00FF00         0 255 0 0x00FF00
        64 255 64 0x40FF40         0 192 0 0x00C000
        128 255 128 0x80FF80         0 128 0 0x008000
        192 255 192 0xC0FFC0         0 64 0 0x004000
        255 255 255 0xFFFFFF         0 0 0 0x000000

En aquesta pàgina hem fet servir tres valors (sis xifres hexadecimals) per representar els colors, que indiquen els continguts de vermell, verd i blau. En Flutter els colors es representen amb quatre valors (vuit dígits hexadecimals), ja que el primer valor és la transparència. Així, 0xFFFFFFFF és blanc i 0x00FFFFFF és completament transparent; amb valors intermedis es transparentarà més o menys el que hi ha sota..

 

 

 

 

 

 

 

 

 

 

Llicència de Creative Commons
Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.