Aiuto: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.
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.
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 | 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 |
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 |
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 |
burlywood | #deb887 | tan | #d2b48c | rosybrown | #bc8f8f | black | #000000 |
Colori e accessibilità
[modifica | modifica wikitesto]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]- ^ (EN) W3C, Web Content Accessibility Guidelines (WCAG) 2.0, su w3.org, 11-12-2008. URL consultato il 14 gennaio 2009.
- ^ (EN) W3C, Understanding Success Criterion 1.4.1 ¦ Understanding WCAG 2.0, su w3.org. URL consultato il 14 gennaio 2009.
- ^ (EN) W3C, Links with a 3:1 contrast ratio with surrounding text, su w3.org. URL consultato il 14 gennaio 2009.
Pagine correlate
[modifica | modifica wikitesto]Altri progetti
[modifica | modifica wikitesto]- Wikisource contiene una pagina dedicata a daltonismo
- Wikibooks contiene testi o manuali su daltonismo
- Wikiversità contiene risorse su daltonismo
- Wikimedia Commons contiene immagini o altri file su daltonismo
Collegamenti esterni
[modifica | modifica wikitesto]- (EN) Masataka Okabe e Kei Ito, Color Universal Design (CUD) / Colorblind Barrier Free — How to make figures and presentations that are friendly to Colorblind people, su jfly.iam.u-tokyo.ac.jp. URL consultato il 13 gennaio 2024 (archiviato dall'url originale il 5 giugno 2022).
- (EN) Pabini Gabriel-Petit, Ensuring Accessibility for People With Color-Deficient Vision :: UXmatters, su uxmatters.com. URL consultato il 13 gennaio 2024.
- (EN) Robert Hess, Microsoft Corporation, Can Color-Blind Users See Your Site?, su msdn.microsoft.com. URL consultato il 13 gennaio 2024 (archiviato dall'url originale il 2 ottobre 2008).
- (EN) WebAIM: Contrast Checker, su webaim.org. URL consultato il 13 gennaio 2024.