Forum | Gli ultimi tutorial di sviluppo web
 

Colors lezione


I colori sono visualizzati combinando ROSSO, VERDE, BLU e la luce.


nomi dei colori

Con i CSS, i colori possono essere impostati utilizzando nomi di colori:

Esempio

Color Name
 Red
 Orange
 Yellow
 Cyan
 Blue
Prova tu stesso "

Valori CSS di colore

Con i CSS, i colori possono essere specificati in diversi modi:

  • Con nomi dei colori
  • Come valori RGB
  • Come valori esadecimali
  • Come valori HSL (CSS3)
  • Come valori HWB (CSS4)

colori RGB

valori di colore RGB sono supportati in tutti i browser.

Un valore di colore RGB viene specificato con: RGB (rosso, verde, blu).

Ogni parametro (rosso, verde e blu) definisce l'intensità del colore come un numero intero compreso tra 0 e 255.

Ad esempio, RGB (0,0,255) è reso come blu, perché il parametro blu è impostato al suo valore più alto (255) e gli altri sono impostati a 0.

Esempio

Color RGB Color
  rgb(255,0,0) Red
  rgb(0,255,0) Green
  rgb(0,0,255) Blue
Prova tu stesso "

Sfumature di grigio sono spesso definiti con valori uguali per tutte le 3 sorgenti luminose:

Esempio

Color RGB Color
  rgb(0,0,0) Black
  rgb(128,128,128) Gray
  rgb(255,255,255) White
Prova tu stesso "

colori esadecimali

valori di colore esadecimali sono supportati anche in tutti i browser.

Un colore esadecimale è specificato con: #RRGGBB.

RR (rosso), GG (verde) e BB (blu) sono numeri esadecimali tra 00 e FF specificano l'intensità del colore.

Ad esempio, # 0000FF viene visualizzato come blu, perché la componente blu è impostato al suo valore massimo (FF) e gli altri sono impostati su 00.

Esempio

Color HEX RGB Color
  #FF0000 rgb(255,0,0) Red
  #00FF00 rgb(0,255,0) Green
  #0000FF rgb(0,0,255) Blue
Prova tu stesso "

Sfumature di grigio sono spesso definiti con valori uguali per tutte le 3 sorgenti luminose:

Esempio

Color HEX RGB Color
  #000000 rgb(0,0,0) Black
  #808080 rgb(128,128,128) Gray
  #FFFFFF rgb(255,255,255) White
Prova tu stesso "

Maiuscolo o minuscolo?

È possibile utilizzare lettere maiuscole o minuscole per specificare i valori esadecimali.

Nota Minuscolo sono più facili da scrivere. caso superiori sono più facili da leggere.

nomi dei colori

CSS supporta 140 nomi di colori standard.

Nel prossimo capitolo si trova un elenco alfabetico completo di nomi di colori con i valori esadecimali:

Color Name Hex Color
AliceBlue #F0F8FF  
AntiqueWhite #FAEBD7  
Aqua #00FFFF  
Aquamarine #7FFFD4  
Azure #F0FFFF  
Beige #F5F5DC  
Bisque #FFE4C4