INFORMATICA · STRUMENTI
Colori RGB.
Componi un colore con rosso, verde e blu a 8 o 10 bit per canale, leggilo in tutte le codifiche e usalo nelle tue pagine HTML.
Selettore
Stai modificando il colore del testo.
L’opacità (canale alfa) va da 0% (trasparente) a 100% (pieno). I numeri si cambiano anche con le frecce della tastiera.
CODIFICHE
Lo stesso colore, scritto in modi diversi
HTML E CSS
Nelle pagine HTML
Scegli quale colore modificare: il selettore, i nomi e i codici scritti si applicano a quello.
Titolo della pagina
Un paragrafo di prova con un collegamento e del testo in grassetto.
Testo piccolo, più difficile da leggere.
NOMI CSS
I 148 colori con un nome
In HTML e CSS si può scrivere color: tomato al posto di #ff6347. I nomi sono in inglese; i primi 17 sono quelli «storici» di HTML.
ALLENATI
Indovina il codice
Guarda il colore e scrivi il suo codice esadecimale (o rgb). Nel livello facile ogni canale vale 00, 33, 66, 99, CC o FF.
PER CAPIRE
Come si codifica un colore
Sintesi additiva
Lo schermo accende tre luci per ogni pixel: rossa, verde e blu. Tutte al massimo danno il bianco, tutte spente il nero; rosso e verde insieme danno il giallo.
8 bit per canale
Con 8 bit ogni luce ha 28 = 256 livelli, da 0 a 255. Tre canali fanno 24 bit: 2563 = 16 777 216 colori, il «true color» usato dal web.
10 bit per canale
Monitor e video HDR usano 210 = 1024 livelli per canale: 30 bit e oltre un miliardo di colori (1 073 741 824), con sfumature più continue. In CSS si scrivono con color(srgb …) e numeri decimali.
L’esadecimale
Ogni canale a 8 bit diventa due cifre esadecimali: #ff8800 è rosso FF = 255, verde 88 = 136, blu 00 = 0. Se le cifre sono a coppie uguali si può accorciare: #f80. Altre due cifre aggiungono la trasparenza: #ff880080.