Uso dei valori dei colore predefiniti, definizione di colori personalizzati e fusione alfa.

Descrizione

L'enumerazione Color è un modo semplice per accedere ai colori definiti dai fogli di stile CSS (Cascading Style Sheets) del linguaggio HTML. Ad esempio, Color.Red restituisce il colore rosso puro. Alla fine di questo articolo è incluso l'elenco dei colori.

La funzione ColorValue restituisce un colore basato su una stringa colore dei fogli di stile CSS. È possibile usare sia i nomi dei colori dei fogli di stile CSS, ad esempio "RosyBrown" (marrone rosato) sia i valori esadecimali, ad esempio "#bc8f8f".

La funzione RGBA restituisce un colore basato sui componenti di colore rosso, verde e blu. Include anche un componente alfa usato per la combinazione di colori di oggetti che si trovano l'uno sull'altro a più livelli. Il componente alfa varia da 0 o 0%, che indica una trasparenza totale e invisibile, a 1 o 100%, che indica invece un'opacità solida che copre i livelli sottostanti.

La funzione ColorFade restituisce una versione più chiara o più scura di un colore. La quantità di dissolvenza può avere il valore -1, che scurisce completamente un colore verso il nero, il valore 0, che non ha alcun effetto sul colore o il valore 1 che schiarisce completamente un colore verso il bianco.

Sintassi

Color.NomeColore

  • NomeColore: obbligatorio. Il nome colore del foglio di stile CSS. Vedere di seguito l'elenco dei valori di enumerazione che è possibile usare.

ColorValue( ColoreCSS )

  • ColoreCSS: obbligatorio. La definizione colore del foglio di stile CSS. È possibile usare sia i nomi dei colori, ad esempio "OliveDrab" (verde olivastro), sia i valori esadecimali, ad esempio "#6b8e23".

RGBA( Red, Green, Blue, Alpha )

  • Red, Green, Blue: obbligatorio. I valori dei componenti dei colori, compresi tra 0 (nessuna saturazione) a 255 (saturazione completa).
  • Alpha: obbligatorio. Componente alfa, che varia da 0 (completamente trasparente) a 1 (completamente opaco). È anche possibile usare una percentuale, da 0% a 100%.

ColorFade( Colore, QuantitàDissolvenza )

  • Colore: obbligatorio. Il valore di un colore, ad esempio Red o l'output della funzione ColorValue o RGBA.
  • QuantitàDissolvenza: obbligatorio. Numero compreso tra -1 e 1. Il valore -1 scurisce completamente il colore verso il nero, il valore 0 non ha alcun effetto sul colore, il valore 1 schiarisce completamente il colore verso il bianco.

Colori predefiniti

Enumerazione Color Valore colore con codice esadecimale RGBA Campione colore
Color.AliceBlue ColorValue( "#f0f8ff" ) RGBA( 240, 248, 255, 1 ) blu alice
Color.AntiqueWhite ColorValue( "#faebd7" ) RGBA( 7, "250, 235,215, 1 ) bianco di titanio
Color.Aqua ColorValue( "#00ffff" ) RGBA( 0, 255, 255, 1 ) acqua
Color.Aquamarine ColorValue( "#7fffd4" ) RGBA( 127, 255, 212, 1 ) acqua marina
Color.Azure ColorValue( "#f0ffff" ) RGBA( 240, 255, 255, 1 ) azzurro
Color.Beige ColorValue( "#f5f5dc" ) RGBA( 245, 245, 220, 1 ) beige
Color.Bisque ColorValue( "#ffe4c4" ) RGBA( 255, 228, 196, 1 ) terracotta
Color.Black ColorValue( "#000000" ) RGBA( 0, 0, 0, 1 ) nero
Color.BlanchedAlmond ColorValue( "#ffebcd" ) RGBA( 255, 235, 205, 1 ) bianco mandorla
Color.Blue ColorValue( "#0000ff" ) RGBA( 0, 0, 255, 1 ) blu
Color.BlueViolet ColorValue( "#8a2be2" ) RGBA( 138, 43, 226, 1 ) violetto bluastro
Color.Brown ColorValue( "#a52a2a" ) RGBA( 165, 42, 42, 1 ) marrone
Color.Burlywood ColorValue( "#deb887" ) RGBA( 222, 184, 135, 1 ) tabacco chiaro
Color.CadetBlue ColorValue( "#5f9ea0" ) RGBA( 95, 158, 160, 1 ) blu cadetto
Color.Chartreuse ColorValue( "#7fff00" ) RGBA( 127, 255, 0, 1 ) chartreuse
Color.Chocolate ColorValue( "#d2691e" ) RGBA( 210, 105, 30, 1 ) cioccolato
Color.Coral ColorValue( "#ff7f50" ) RGBA( 255, 127, 80, 1 ) corallo
Color.CornflowerBlue ColorValue( "#6495ed" ) RGBA( 100, 149, 237, 1 ) blu fiordaliso
Color.Cornsilk ColorValue( "#fff8dc" ) RGBA( 255, 248, 220, 1 ) crema
Color.Crimson ColorValue( "#dc143c" ) RGBA( 220, 20, 60, 1 ) cremisi
Color.Cyan ColorValue( "#00ffff" ) RGBA( 0, 255, 255, 1 ) ciano
Color.DarkBlue ColorValue( "#00008b" ) RGBA( 0, 0, 139, 1 ) blu scuro
Color.DarkCyan ColorValue( "#008b8b" ) RGBA( 0, 139, 139, 1 ) ciano scuro
Color.DarkGoldenRod ColorValue( "#b8860b" ) RGBA( 184, 134, 11, 1 ) oro vivo smorto
Color.DarkGray ColorValue( "#a9a9a9" ) RGBA( 169, 169, 169, 1 ) grigio scuro
Color.DarkGreen ColorValue( "#006400" ) RGBA( 0, 100, 0, 1 ) verde scuro
Color.DarkGrey ColorValue( "#a9a9a9" ) RGBA( 169, 169, 169, 1 ) grigio scuro
Color.DarkKhaki ColorValue( "#bdb76b" ) RGBA( 189, 183, 107, 1 ) kaki scuro
Color.DarkMagenta ColorValue( "#8b008b" ) RGBA( 139, 0, 139, 1 ) magenta scuro
Color.DarkOliveGreen ColorValue( "#556b2f" ) RGBA( 85, 107, 47, 1 ) verde oliva scuro
Color.DarkOrange ColorValue( "#ff8c00" ) RGBA( 255, 140, 0, 1 ) arancione scuro
Color.DarkOrchid ColorValue( "#9932cc" ) RGBA( 153, 50, 204, 1 ) violetto scuro
Color.DarkRed ColorValue( "#8b0000" ) RGBA( 139, 0, 0, 1 ) rosso scuro
Color.DarkSalmon ColorValue( "#e9967a" ) RGBA( 233, 150, 122, 1 ) salmone scuro
Color.DarkSeaGreen ColorValue( "#8fbc8f" ) RGBA( 143, 188, 143, 1 ) verde marino scuro
Color.DarkSlateBlue ColorValue( "#483d8b" ) RGBA( 72, 61, 139, 1 ) blu ardesia scuro
Color.DarkSlateGray ColorValue( "#2f4f4f" ) RGBA( 47, 79, 79, 1 ) grigio ardesia scuro
Color.DarkSlateGrey ColorValue( "#2f4f4f" ) RGBA( 47, 79, 79, 1 ) grigio ardesia scuro
Color.DarkTurquoise ColorValue( "#00ced1" ) RGBA( 0, 206, 209, 1 ) turchese scuro
Color.DarkViolet ColorValue( "#9400d3" ) RGBA( 148, 0, 211, 1 ) viola scuro
Color.DeepPink ColorValue( "#ff1493" ) RGBA( 255, 20, 147, 1 ) ciclamino
Color.DeepSkyBlue ColorValue( "#00bfff" ) RGBA( 0, 191, 255, 1 ) azzurro intenso
Color.DimGray ColorValue( "#696969" ) RGBA( 105, 105, 105, 1 ) grigio tenue
Color.DimGrey ColorValue( "#696969" ) RGBA( 105, 105, 105, 1 ) grigio tenue
Color.DodgerBlue ColorValue( "#1e90ff" ) RGBA( 30, 144, 255, 1 ) blue d'Oriente
Color.FireBrick ColorValue( "#b22222" ) RGBA( 178, 34, 34, 1 ) rosso mattone
Color.FloralWhite ColorValue( "#fffaf0" ) RGBA( 255, 250, 240, 1 ) bianco fiore
Color.ForestGreen ColorValue( "#228b22" ) RGBA( 34, 139, 34, 1 ) verde foresta
Color.Fuchsia ColorValue( "#ff00ff" ) RGBA( 255, 0, 255, 1 ) fucsia
Color.Gainsboro ColorValue( "#dcdcdc" ) RGBA( 220, 220, 220, 1 ) gainsboro
Color.GhostWhite ColorValue( "#f8f8ff" ) RGBA( 248, 248, 255, 1 ) bianco gesso
Color.Gold ColorValue( "#ffd700" ) RGBA( 255, 215, 0, 1 ) oro
Color.GoldenRod ColorValue( "#daa520" ) RGBA( 218, 165, 32, 1 ) oro vivo
Color.Gray ColorValue( "#808080" ) RGBA( 128, 128, 128, 1 ) grigio
Color.Green ColorValue( "#008000" ) RGBA( 0, 128, 0, 1 ) verde
Color.GreenYellow ColorValue( "#adff2f" ) RGBA( 173, 255, 47, 1 ) giallo verde
Color.Grey ColorValue( "#808080" ) RGBA( 128, 128, 128, 1 ) grigio
Color.Honeydew ColorValue( "#f0fff0" ) RGBA( 240, 255, 240, 1 ) miele
Color.HotPink ColorValue( "#ff69b4" ) RGBA( 255, 105, 180, 1 ) rosa caldo
Color.IndianRed ColorValue( "#cd5c5c" ) RGBA( 205, 92, 92, 1 ) rosso indiano
Color.Indigo ColorValue( "#4b0082" ) RGBA( 75, 0, 130, 1 ) indaco
Color.Ivory ColorValue( "#fffff0" ) RGBA( 255, 255, 240, 1 ) avorio
Color.Khaki ColorValue( "#f0e68c" ) RGBA( 240, 230, 140, 1 ) kaki
Color.Lavender ColorValue( "#e6e6fa" ) RGBA( 230, 230, 250, 1 ) lavanda
Color.LavenderBlush ColorValue( "#fff0f5" ) RGBA( 255, 240, 245, 1 ) lavanda rosata
Color.LawnGreen ColorValue( "#7cfc00" ) RGBA( 124, 252, 0, 1 ) verde prato
Color.LemonChiffon ColorValue( "#fffacd" ) RGBA( 255, 250, 205, 1 ) limone chiaro
Color.LightBlue ColorValue( "#add8e6" ) RGBA( 173, 216, 230, 1 ) blu chiaro
Color.LightCoral ColorValue( "#f08080" ) RGBA( 240, 128, 128, 1 ) rosa corallo
Color.LightCyan ColorValue( "#e0ffff" ) RGBA( 224, 255, 255, 1 ) ciano chiaro
Color.LightGoldenRodYellow ColorValue( "#fafad2" ) RGBA( 250, 250, 210, 1 ) giallo oro chiaro
Color.LightGray ColorValue( "#d3d3d3" ) RGBA( 211, 211, 211, 1 ) grigio chiaro
Color.LightGreen ColorValue( "#90ee90" ) RGBA( 144, 238, 144, 1 ) verde chiaro
Color.LightGrey ColorValue( "#d3d3d3" ) RGBA( 211, 211, 211, 1 ) grigio chiaro
Color.LightPink ColorValue( "#ffb6c1" ) RGBA( 255, 182, 193, 1 ) rosa chiaro
Color.LightSalmon ColorValue( "#ffa07a" ) RGBA( 255, 160, 122, 1 ) salmone chiaro
Color.LightSeaGreen ColorValue( "#20b2aa" ) RGBA( 32, 178, 170, 1 ) verde marino chiaro
Color.LightSkyBlue ColorValue( "#87cefa" ) RGBA( 135, 206, 250, 1 ) blu cielo chiaro
Color.LightSlateGray ColorValue( "#778899" ) RGBA( 119, 136, 153, 1 ) grigio ardesia chiaro
Color.LightSlateGrey ColorValue( "#778899" ) RGBA( 119, 136, 153, 1 ) grigio ardesia chiaro
Color.LightSteelBlue ColorValue( "#b0c4de" ) RGBA( 176, 196, 222, 1 ) blu acciaio chiaro
Color.LightYellow ColorValue( "#ffffe0" ) RGBA( 255, 255, 224, 1 ) giallo chiaro
Color.Lime ColorValue( "#00ff00" ) RGBA( 0, 255, 0, 1 ) verde lime
Color.LimeGreen ColorValue( "#32cd32" ) RGBA( 50, 205, 50, 1 ) verde limone
Color.Linen ColorValue( "#faf0e6" ) RGBA( 250, 240, 230, 1 ) bianco lino
Color.Magenta ColorValue( "#ff00ff" ) RGBA( 255, 0, 255, 1 ) magenta
Color.Maroon ColorValue( "#800000" ) RGBA( 128, 0, 0, 1 ) Bordeaux
Color.MediumAquamarine ColorValue( "#66cdaa" ) RGBA( 102, 205, 170, 1 ) acquamarina medio
Color.MediumBlue ColorValue( "#0000cd" ) RGBA( 0, 0, 205, 1 ) blu medio
Color.MediumOrchid ColorValue( "#ba55d3" ) RGBA( 186, 85, 211, 1 ) violetto medio
Color.MediumPurple ColorValue( "#9370db" ) RGBA( 147, 112, 219, 1 ) porpora medio
Color.MediumSeaGreen ColorValue( "#3cb371" ) RGBA( 60, 179, 113, 1 ) verde marino medio
Color.MediumSlateBlue ColorValue( "#7b68ee" ) RGBA( 123, 104, 238, 1 ) blu ardesia medio
Color.MediumSpringGreen ColorValue( "#00fa9a" ) RGBA( 0, 250, 154, 1 ) verde primavera medio
Color.MediumTurquoise ColorValue( "#48d1cc" ) RGBA( 72, 209, 204, 1 ) turchese medio
Color.MediumVioletRed ColorValue( "#c71585" ) RGBA( 199, 21, 133, 1 ) rosso violaceo
Color.MidnightBlue ColorValue( "#191970" ) RGBA( 25, 25, 112, 1 ) blu notte
Color.MintCream ColorValue( "#f5fffa" ) RGBA( 245, 255, 250, 1 ) crema menta
Color.MistyRose ColorValue( "#ffe4e1" ) RGBA( 255, 228, 225, 1 ) rosa pallido
Color.Moccasin ColorValue( "#ffe4b5" ) RGBA( 255, 228, 181, 1 ) sabbia
Color.NavajoWhite ColorValue( "#ffdead" ) RGBA( 255, 222, 173, 1 ) bianco navajo
Color.Navy ColorValue( "#000080" ) RGBA( 0, 0, 128, 1 ) blu militare
Color.OldLace ColorValue( "#fdf5e6" ) RGBA( 253, 245, 230, 1 ) mandorla
Color.Olive ColorValue( "#808000" ) RGBA( 128, 128, 0, 1 ) verde oliva
Color.OliveDrab ColorValue( "#6b8e23" ) RGBA( 107, 142, 35, 1 ) verde olivastro
Color.Orange ColorValue( "#ffa500" ) RGBA( 255, 165, 0, 1 ) arancione
Color.OrangeRed ColorValue( "#ff4500" ) RGBA( 255, 69, 0, 1 ) rosso arancione
Color.Orchid ColorValue( "#da70d6" ) RGBA( 218, 112, 214, 1 ) orchidea
Color.PaleGoldenRod ColorValue( "#eee8aa" ) RGBA( 238, 232, 170, 1 ) oro pallido
Color.PaleGreen ColorValue( "#98fb98" ) RGBA( 152, 251, 152, 1 ) verde pallido
Color.PaleTurquoise ColorValue( "#afeeee" ) RGBA( 175, 238, 238, 1 ) turchese pallido
Color.PaleVioletRed ColorValue( "#db7093" ) RGBA( 219, 112, 147, 1 ) rosso violetto pallido
Color.PapayaWhip ColorValue( "#ffefd5" ) RGBA( 255, 239, 213, 1 ) papaia
Color.PeachPuff ColorValue( "#ffdab9" ) RGBA( 255, 218, 185, 1 ) pesca scuro
Color.Peru ColorValue( "#cd853f" ) RGBA( 205, 133, 63, 1 ) marrone chiaro
Color.Pink ColorValue( "#ffc0cb" ) RGBA( 255, 192, 203, 1 ) rosa
Color.Plum ColorValue( "#dda0dd" ) RGBA( 221, 160, 221, 1 ) prugna
Color.PowderBlue ColorValue( "#b0e0e6" ) RGBA( 176, 224, 230, 1 ) azzurro polvere
Color.Purple ColorValue( "#800080" ) RGBA( 128, 0, 128, 1 ) viola
Color.Red ColorValue( "#ff0000" ) RGBA( 255, 0, 0, 1 ) rosso
Color.RosyBrown ColorValue( "#bc8f8f" ) RGBA( 188, 143, 143, 1 ) marrone rosato
Color.RoyalBlue ColorValue( "#4169e1" ) RGBA( 65, 105, 225, 1 ) blu reale
Color.SaddleBrown ColorValue( "#8b4513" ) RGBA( 139, 69, 19, 1 ) marrone sella
Color.Salmon ColorValue( "#fa8072" ) RGBA( 250, 128, 114, 1 ) salmone
Color.SandyBrown ColorValue( "#f4a460" ) RGBA( 244, 164, 96, 1 ) marrone sabbia
Color.SeaGreen ColorValue( "#2e8b57" ) RGBA( 46, 139, 87, 1 ) verde mare
Color.SeaShell ColorValue( "#fff5ee" ) RGBA( 255, 245, 238, 1 ) sabbia rosa
Color.Sienna ColorValue( "#a0522d" ) RGBA( 160, 82, 45, 1 ) cuoio
Color.Silver ColorValue( "#c0c0c0" ) RGBA( 192, 192, 192, 1 ) argento
Color.SkyBlue ColorValue( "#87ceeb" ) RGBA( 135, 206, 235, 1 ) celeste
Color.SlateBlue ColorValue( "#6a5acd" ) RGBA( 106, 90, 205, 1 ) blu ardesia
Color.SlateGray ColorValue( "#708090" ) RGBA( 112, 128, 144, 1 ) grigio ardesia
Color.SlateGrey ColorValue( "#708090" ) RGBA( 112, 128, 144, 1 ) grigio ardesia
Color.Snow ColorValue( "#fffafa" ) RGBA( 255, 250, 250, 1 ) neve
Color.SpringGreen ColorValue( "#00ff7f" ) RGBA( 0, 255, 127, 1 ) verde primavera
Color.SteelBlue ColorValue( "#4682b4" ) RGBA( 70, 130, 180, 1 ) blu acciaio
Color.Tan ColorValue( "#d2b48c" ) RGBA( 210, 180, 140, 1 ) catrame
Color.Teal ColorValue( "#008080" ) RGBA( 0, 128, 128, 1 ) verde acqua
Color.Thistle ColorValue( "#d8bfd8" ) RGBA( 216, 191, 216, 1 ) rosa cenere
Color.Tomato ColorValue( "#ff6347" ) RGBA( 255, 99, 71, 1 ) pomodoro
Color.Turquoise ColorValue( "#40e0d0" ) RGBA( 64, 224, 208, 1 ) turchese
Color.Violet ColorValue( "#ee82ee" ) RGBA( 238, 130, 238, 1 ) violetto
Color.Wheat ColorValue( "#f5deb3" ) RGBA( 245, 222, 179, 1 ) grano
Color.White ColorValue( "#ffffff" ) RGBA( 255, 255, 255, 1 ) bianco
Color.WhiteSmoke ColorValue( "#f5f5f5" ) RGBA( 245, 245, 245, 1 ) bianco fumo
Color.Yellow ColorValue( "#ffff00" ) RGBA( 255, 255, 0, 1 ) giallo
Color.YellowGreen ColorValue( "#9acd32" ) RGBA( 154, 205, 50, 1 ) verde giallo