Aiuto:Colori

Da Wikipedia, l'enciclopedia libera.
Abbreviazioni
WP:Colori

Su Wikipedia, come in generale nel linguaggio HTML, è possibile definire i colori del testo, degli sfondi e dei bordi delle tabelle tramite il loro codice esadecimale RGB o tramite il loro nome in inglese. Le seguenti tavolozze dei colori riportano alcuni colori e loro sfumature abbinati al relativo codice.

Per un elenco più completo dei colori vedi Aiuto:Tavolozza dei colori.

Nuvola apps khelpcenter.pngSportello informazioni

Nomi dei colori HTML[modifica | modifica wikitesto]

La specifica del linguaggio HTML versione 4.01 indica i nomi di 16 colori:

Colore Hex Colore Hex Colore Hex Colore Hex
black 000000 silver C0C0C0 maroon 800000 red FF0000
navy 000080 blue 0000FF purple 800080 fuchsia FF00FF
green 008000 lime 00FF00 olive 808000 yellow FFFF00
teal 008080 aqua 00FFFF gray 808080 white FFFFFF

Nomi dei colori X11[modifica | modifica wikitesto]

Oltre ai nomi dei colori standard HTML, altri browser come Internet Explorer e Mozilla Firefox riconoscono liste di colori più ampie. Nella maggior parte dei casi, tali nomi sono derivati dalla lista di quelli riconosciuti dal sistema grafico X Window System. I browser recenti (rilasciati non prima del 2005) dovrebbero poterli utilizzare tutti senza problemi.

L'elenco di tali colori è parte dello standard SVG 1.0 nella versione SVG Full; non è richiesta la compatibilità agli user agent che implementano la specifica SVG Tiny.

Qui è possibile convertire i parametri Rosso-Verde-Blu nel corrispondente codice esadecimale.

L'elenco dei 140 nomi supportati è riportato di seguito.

Colore Hex Colore Hex Colore Hex Colore Hex
Black #000000 Navy #000080 DarkBlue #00008B MediumBlue #0000CD
Blue #0000FF DarkGreen #006400 Green #008000 Teal #008080
DarkCyan #008B8B DeepSkyBlue #00BFFF DarkTurquoise #00CED1 MediumSpringGreen #00FA9A
Lime #00FF00 SpringGreen #00FF7F Aqua #00FFFF Cyan #00FFFF
MidnightBlue #191970 DodgerBlue #1E90FF LightSeaGreen #20B2AA ForestGreen #228B22
SeaGreen #2E8B57 DarkSlateGray #2F4F4F LimeGreen #32CD32 MediumSeaGreen #3CB371
Turquoise #40E0D0 RoyalBlue #4169E1 SteelBlue #4682B4 DarkSlateBlue #483D8B
MediumTurquoise #48D1CC Indigo #4B0082 DarkOliveGreen #556B2F CadetBlue #5F9EA0
CornflowerBlue #6495ED MediumAquaMarine #66CDAA DimGray #696969 SlateBlue #6A5ACD
OliveDrab #6B8E23 SlateGray #708090 LightSlateGray #778899 MediumSlateBlue #7B68EE
LawnGreen #7CFC00 Chartreuse #7FFF00 Aquamarine #7FFFD4 Maroon #800000
Purple #800080 Olive #808000 Gray #808080 SkyBlue #87CEEB
LightSkyBlue #87CEFA BlueViolet #8A2BE2 DarkRed #8B0000 DarkMagenta #8B008B
SaddleBrown #8B4513 DarkSeaGreen #8FBC8F LightGreen #90EE90 MediumPurple #9370DB
DarkViolet #9400D3 PaleGreen #98FB98 DarkOrchid #9932CC YellowGreen #9ACD32
Sienna #A0522D Brown #A52A2A DarkGray #A9A9A9 LightBlue #ADD8E6
GreenYellow #ADFF2F PaleTurquoise #AFEEEE LightSteelBlue #B0C4DE PowderBlue #B0E0E6
FireBrick #B22222 DarkGoldenRod #B8860B MediumOrchid #BA55D3 RosyBrown #BC8F8F
DarkKhaki #BDB76B Silver #C0C0C0 MediumVioletRed #C71585 IndianRed #CD5C5C
Peru #CD853F Chocolate #D2691E Tan #D2B48C LightGray #D3D3D3
Thistle #D8BFD8 Orchid #DA70D6 GoldenRod #DAA520 PaleVioletRed #DB7093
Crimson #DC143C Gainsboro #DCDCDC Plum #DDA0DD BurlyWood #DEB887
LightCyan #E0FFFF Lavender #E6E6FA DarkSalmon #E9967A Violet #EE82EE
PaleGoldenRod #EEE8AA LightCoral #F08080 Khaki #F0E68C AliceBlue #F0F8FF
HoneyDew #F0FFF0 Azure #F0FFFF SandyBrown #F4A460 Wheat #F5DEB3
Beige #F5F5DC WhiteSmoke #F5F5F5 MintCream #F5FFFA GhostWhite #F8F8FF
Salmon #FA8072 AntiqueWhite #FAEBD7 Linen #FAF0E6 LightGoldenRodYellow #FAFAD2
OldLace #FDF5E6 Red #FF0000 Fuchsia #FF00FF Magenta #FF00FF
DeepPink #FF1493 OrangeRed #FF4500 Tomato #FF6347 HotPink #FF69B4
Coral #FF7F50 DarkOrange #FF8C00 LightSalmon #FFA07A Orange #FFA500
LightPink #FFB6C1 Pink #FFC0CB Gold #FFD700 PeachPuff #FFDAB9
NavajoWhite #FFDEAD Moccasin #FFE4B5 Bisque #FFE4C4 MistyRose #FFE4E1
BlanchedAlmond #FFEBCD PapayaWhip #FFEFD5 LavenderBlush #FFF0F5 SeaShell #FFF5EE
Cornsilk #FFF8DC LemonChiffon #FFFACD FloralWhite #FFFAF0 Snow #FFFAFA
Yellow #FFFF00 LightYellow #FFFFE0 Ivory #FFFFF0 White #FFFFFF

Colori e accessibilità[modifica | modifica wikitesto]

Confronto di immagini come visualizzate da un osservatore tricromatico e da un deuteranopo

Per rendere le pagine web accessibili a tutti gli utenti è necessario usare combinazioni di colori che siano fruibili anche a chi soffre di daltonismo.

Secondo le linee guida indicate dal W3C nella raccomandazione Web Content Accessibility Guidelines (WCAG) 2.0 al punto 1.4.1[1] il colore non deve essere usato come unico mezzo visivo per fornire informazioni, indicando una azione, attendendo una risposta o distinguendo un elemento visuale. Il W3C indica alcune tecniche[2] per rispondere alle raccomandazioni WCAG, tra cui:

  • assicurarsi che le informazioni identificate per mezzo di colori siano identificabili anche con un testo alternativo;
  • usare un contrasto di 3:1 con il testo circostante e provvedere aiuti visuali per il focus su link o controlli quando il colore è il solo mezzo utilizzato per differenziarli[3];
  • usare fogli di stile CSS per cambiare la presentazione di un elemento quando riceve il focus.

Note[modifica | modifica wikitesto]

  1. ^ (EN) W3C, Web Content Accessibility Guidelines (WCAG) 2.0, 11-12-2008. URL consultato il 14 gennaio 2009.
  2. ^ (EN) W3C, Understanding Success Criterion 1.4.1 ¦ Understanding WCAG 2.0. URL consultato il 14 gennaio 2009.
  3. ^ (EN) W3C, Links with a 3:1 contrast ratio with surrounding text. URL consultato il 14 gennaio 2009.

Pagine correlate[modifica | modifica wikitesto]

Altri progetti[modifica | modifica wikitesto]

Collegamenti esterni[modifica | modifica wikitesto]