Aiuto:Tavolozza dei colori

Da Uicchipèdie, 'a 'ngeclopedije lìbbere.
Zumbe sus 'a navigazzione Zumbe sus 'a recerche

Nuvola apps khelpcenter.png - Sportello informazioni

Exquisite-kfind.png Pe approfondimende, 'ndruche 'a vôsce Help:Culure.

Le seguenti tavolozze dei colori riportano alcuni colori e loro sfumature abbinati al relativo codice esadecimale RGB. Quest'ultimo può essere usato per definire i colori del testo, degli sfondi e dei bordi delle tabelle.

Nomi dei colori HTML[cangecange 'a sorgende]

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[cangecange 'a sorgende]

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-Giallo-Blu nel corrispondente codice esadecimale.

Un elenco parziale è riportato di seguito.

Colore Hex Colore Hex Colore Hex Colore Hex
indianred #cd5c5c darksalmon #e9967a lightcoral #f08080 salmon #fa8072
orangered #ff4500 red #ff0000 crimson #dc143c firebrick #b22222
darkred #8b0000 mediumvioletred #c71585 pink #ffc0cb lightpink #ffb6c1
hotpink #ff69b4 deeppink #ff1493 palevioletred #db7093 darkkhaki #bdb76b
khaki #f0e68c palegoldenrod #eee8aa lightgoldenrodyellow #fafad2 lightyellow #ffffe0
lemonchiffon #fffacd yellow #ffff00 gold #ffd700 papayawhip #ffefd5
moccasin #ffe4b5 peachpuff #ffdab9 cyan #00ffff aqua #00ffff
aquamarine #7fffd4 turquoise #40e0d0 mediumturquoise #48d1cc darkturquoise #00ced1
cadetblue #5f9ea0 slategray #708090 lightcyan #e0ffff paleturquoise #afeeee
powderblue #b0e0e6 lightsteelblue #b0c4de steelblue #4682b4 lightblue #add8e6
skyblue #87ceeb lightskyblue #87cefa deepskyblue #00bfff cornflowerblue #6495ed
royalblue #4169e1 mediumslateblue #7b68ee dodgerblue #1e90ff blue #0000ff
mediumblue #0000cd darkblue #00008b navy #000080 midnightblue #191970
lightsalmon #ffa07a orange #ffa500 darkorange #ff8c00 coral #ff7f50
tomato #ff6347 orangered #ff4500 aquamarine #7fffd4 mediumspringgreen #00fa9a
springgreen #00ff7f palegreen #98fb98 greenyellow #adff2f chartreuse #7fff00
lawngreen #7cfc00 lime #00ff00 lightgreen #90ee90 yellowgreen #9acd32
limegreen #32cd32 mediumseagreen #3cb371 darkseagreen #8fbc8f forestgreen #228b22
seagreen #2e8b57 green #008000 olivedrab #6b8e23 olive #808000
darkolivegreen #556b2f darkgreen #006400 mediumaquamarine #66cdaa turquoise #40e0d0
lightseagreen #20b2aa darkcyan #008b8b teal #008080 lavender #e6e6fa
thistle #d8bfd8 plum #dda0dd violet #ee82ee fuchsia #ff00ff
magenta #ff00ff orchid #da70d6 mediumorchid #ba55d3 darkorchid #9932cc
blueviolet #8a2be2 darkviolet #9400d3 mediumpurple #9370db slateblue #6a5acd
purple #800080 darkmagenta #8b008b darkslateblue #483d8b indigo #4b0082
honeydew #f0fff0 mintcream #f5fffa azure #f0ffff aliceblue #f0f8ff
ghostwhite #f8f8ff whitesmoke #f5f5f5 lavenderblush #fff0f5 mistyrose #ffe4e1
antiquewhite #faebd7 seashell #fff5ee snow #fffafa white #ffffff
beige #f5f5dc linen #faf0e6 oldlace #fdf5e6 floralwhite #fffaf0
ivory #fffff0 gainsboro #dcdcdc lightgrey #d3d3d3 silver #c0c0c0
darkgray #a9a9a9 gray #808080 dimgray #696969 darkslategray #2f4f4f
lightslategray #778899 slategray #708090 cornsilk #fff8dc blanchedalmond #ffebcd
bisque #ffe4c4 navajowhite #ffdead wheat #f5deb3 sandybrown #f4a460
goldenrod #daa520 darkgoldenrod #b8860b peru #cd853f chocolate #d2691e
maroon #800000 saddlebrown #8b4513 brown #a52a2a sienna #a0522d
darkred #8b0000 burlywood #deb887 tan #d2b48c rosybrown #bc8f8f
black #000000            

Colori e accessibilità[cangecange 'a sorgende]

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[cangecange 'a sorgende]

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

Altri progetti[cangecange 'a sorgende]

  • Collabora a Commons Wikimedia Commons tène file multimediali su daltonismo
  • Collegamenti esterni[cangecange 'a sorgende]