Aiuto:Colori
Nel mondo di oggi, Aiuto:Colori è diventato un argomento di rilevanza e dibattito nella società. Con il progresso della tecnologia e i cambiamenti nello stile di vita, Aiuto:Colori è diventato sempre più importante nelle nostre vite. Sia a livello personale che globale, l’influenza di Aiuto:Colori si nota sotto diversi aspetti, generando discussioni e riflessioni in vari ambiti. In questo articolo esploreremo l'importanza di Aiuto:Colori nel contesto attuale, nonché le sue implicazioni in diverse aree della nostra vita quotidiana.
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
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
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à
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 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 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;
- usare fogli di stile CSS per cambiare la presentazione di un elemento quando riceve il focus.
Note
- ^ (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
Altri progetti
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
- (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.