Recent Changes - Search:

Pagine di servizio

Gruppi

Pagine in allestimento

Strumenti

Domini correlati

PmWiki

pmwiki.org

edit SideBar

Rappresentazione di colori in RGB

HOME .php .html .pdf ? ? ? ? ?
P. Forster
a cura di Daniela Rüegg

Di solito sul web i colori vengono rappresentati in uno spazio di colori RGB e annotati con un triplo di numeri consistenti ciascuno in due cifre esadecimali con il prefisso '#': #RRGGBB. Come alternativa sono usate anche RGBdec decimale: rgb(R,G,B) e RGB% percentuale: rgb(R%,G%,B%).

1.  Riassunto


2.  Un pò di calcoli

per capire meglio i seguenti capitoli:

((include))
http://www.pforster.ch/Colori/ColorCalc/Calcolatrice.html
http://www.pforster.ch/Colori/ColorCalc/Hex2Dec2Hex.html

Le cifre esadecimali contengono 0...f (sedici cifre) e ogni triplo di due cifre (00...ff) quindi numeri tra 0...255. Si usano spesso in informatica per diminuire lo spazio delle memorie di calcolo.


Tabelle decimali / esadecimali

Il conteggio esadecimale non è in base '10' ma in base '16'. Il conteggio è quindi: 01, 02, 03, ..., 09, 0a, 0b, ..., 0f corrispondente in decimale a 1, 2, 3, ..., 9, 10, 11, ..., 15 per proseguire con: 10 → 16, 11 → 17, ..., ff → 255 decimale. Provare sulla convertitrice o rilevare dalle tabelle di fianco!


Esempio notazione
RGB in hex

Un triplo di numeri esadecimali a due cifre si presenta p.es come #456789: 45 → rosso R; 67 → verde G; 89 → blu B.

I valori decimali sarebbero: R → 45hex = 69dec; G → 67hex = 103dec; B → 89hex = 137dec. Si potrebbe quindi anche annotare. #456789 = rgb(69,103,137) oppure in percentuale (diviso /255*100) come rgb(27%,40%,54%).

Questo significa che il colore #456789 è definito come miscela additiva (luminosa) di 27% di luce rossa , 40% di luce verde e 54% di luce blu .

3.  Rappresentazione di colori

Color#Visio
#
Color#Visio

Le notazioni in RGB sono mal intuibili. Per questo motivo ho stilato una piccola calcolatrice Color#Visio che fa vedere sullo schermo ogni colore che si digita come codice esadecimale.

4.  Trasformazioni RGB

Hex ⇄ Rgb
     #
    #
  RGB hex ⇄ dec           Cc by P. Forster 3.0-it        

Delle trasformazioni tra RGBdec e #hex richiedono sempre tre calcoli separati: uno per il rosso R, uno per il verde G e uno per il blu B.

5.  Miscele RGB


6.  Accordi RGB

6.1  Complementi


In RGB, per determinare il colore complementare a un altro si calcola la differenza tra il colore dato e il "bianco" #ffffff come p.es. il complemento al rosso RGB #ff0000 #00ffff .
C'è un semplice trucco per determinare il valore numerico direttamente in esadecimale: si inverte tutte le cifre del valore esadecimale. La tabellina si trova sotto, ma si può costruire in ogni momento.

Esempio: complemento RGB a #abcdef ? → #543210 !


◦⦆─────⦅◦

6.2  Accordi triplici



Accordi armonici in RGB sono caratterizzati dal fatto, che la somma numerica dei tre colori corrisponde al bianco, quindi al massimo dei valori per rosso, verde e blu: #ffffff, rgb(255,255,255), rgb(100%,100%,100%).

Questo signifia che per un colore dato esistono innumerevoli accordi triplici armonici. Numericamente si tratta di ripartire la differenza tra il colore dato e il "bianco" (complemento) su due colori in modo che la somma dei due colori dia il valore del complemento.

Esempio: Trovare un accordo triplice armonioso secondo le regole RGB al colore iniziale #aa2288 → rgb(67%,13%,53%):
Complemento a #aa2288 è evidentemente rgb(33%,87%,47%) → #54de78. I due colori "triplici" armoniosi devono soddisfare la condizione #rrggbb2+#rrggbb3=#54de78.

  • Si può scegliere come secondo colore uno qualsiasi con un valore inferiore a #54de78 → rgb(33%,87%,47%), p.es. rgb(20%,10%,6%) → #331a0f .
  • il terzo colore sarà quindi rgb(33%,87%,47%)-rgb(20%,10%,6%)=rgb(13%,77%,41%)= #21c469 .

Si nota che il calcolo di accordi triplici nello spazio di colore RGB è impegnativo. Di fatti, si usa raramente questo metodo a tale scopo: sono più indicati per questo compito degli spazi di colore circolari come HSV o HSL.

◦⦆─────⦅◦

6.3  Accordi quadrupli


Si può immaginare l'impegno per determinare in RGB un accordo quadruplo a un colore dato: si determina il complemento al colore dato e si riparte il valore del complemento su tre volte rosso R e verde G e blu B in modo che le relative somme forniscano il valore del complemento.


Procedura calcolo accordi cromatici

In questo caso è proprio indicato:

  • trasformare il valore esadecimale in uno spazio circolare come HSV o HSL
  • determinare gli accordi in HSV o HSL per poi
  • ritrasformare i risultati in valori esadecimali


Edit - History - Print - Recent Changes - Search
Page last modified on February 14, 2014, at 08:30 PM