Esta página de ayuda es una guía práctica . Explica conceptos o procesos utilizados por la comunidad de Wikipedia. No forma parte de las políticas o pautas de Wikipedia y puede reflejar distintos niveles de consenso . |
Los enlaces deben ser claramente identificables como enlaces para los lectores . Evite implementar enlaces de colores que puedan impedir que el usuario distinga los enlaces del texto normal, o enlaces de colores por razones puramente estéticas. Consulte las guías para editar artículos para accesibilidad en contraste , accesibilidad y colores del cuadro de navegación . |
Para utilizar un color en una plantilla o tabla, puede utilizar el triplete hexadecimal (por ejemplo, el bronce es #CD7F32) o nombres de colores HTML (por ejemplo, rojo).
Se recomienda a los editores que utilicen las paletas Brewer para gráficos, mapas y otras entidades, utilizando esta herramienta .
Para que una palabra tenga color, utiliza:<span style="color:hex triplet or colour name">text</span>
Tenga en cuenta que no puede utilizar la ortografía británica "color" en este contexto.
Ejemplos:
<span style="color:red">red writing</span>
se muestra como escritura roja<span style="color:#0f0">green writing</span>
se muestra como escritura verde<span style="color:#0000FF">blue writing</span>
se muestra como escritura azulTambién se puede utilizar la plantilla:Color de fuente , o su redirección Plantilla:Color de fuente .
{{Font colour|fontcolour|backgroundcolour|Your text here}}
Ejemplo | Resultado |
---|---|
{{font color|red|This text is different}} | Este texto es diferente para cambiar solo el color del texto (Nota: no aplique estilo al texto como un enlace) |
{{font color|red|yellow|This text is different}} | Este texto es diferente para cambiar el color del texto y del fondo. |
{{font color||yellow|This text is different}} | Este texto es diferente para cambiar el color de fondo, solo tenga en cuenta los dos caracteres de barra vertical. || |
Matiz | Saturación 4% Brillo 100% fondo principal | Saturación 10% Brillo 100% 2do encabezado, color de acento | Saturación 15% Brillo 95% Borde principal encabezado fondo | Saturación 15% Brillo 75% solo borde del encabezado |
---|---|---|---|---|
Nota: para diseños sin espacio entre los bordes, utilice el color de borde más oscuro. | ||||
Tono: 0 | #FFF5F5 | #FFE6E6 | #F2CECE | #BFA3A3 |
Tono: 10 | #FFF7F5 | #FFEAE6 | #F2D4CE | #BFA7A3 |
Tono: 20 | #FFF8F5 | #FFEEE6 | #F2DACE | #BFACA3 |
Tono: 30 | #FFFAF5 | #FFF2E6 | #F2E0CE | #BFB1A3 |
Tono: 40 | #FFFCF5 | #FFF7E6 | #F2E6CE | #BFB6A3 |
Tono: 50 | #FFFFD5 | #FFFBE6 | #F2ECCE | #BFBAA3 |
Tono: 60 | #FFFFF5 | #FFFFE6 | #F2F2CE | #BFBFA3 |
Tono: 70 | #FDFFF5 | #FBFFE6 | #ECF2CE | #BABFA3 |
Tono: 80 | #FCFFF5 | #F7FFE6 | #E6F2CE | #B6BFA3 |
Tono: 90 | #FAFFF5 | #F2FFE6 | #E0F2CE | #B1BFA3 |
Tono: 100 | #F8FFF5 | #EEFFE6 | #DAF2CE | #ACBFA3 |
Tono: 110 | #F7FFF5 | #EAFFE6 | #D4F2CE | #A7BFA3 |
Tono: 120 | #F5FFF5 | #E6FFE6 | #CEF2CE | #A3BFA3 |
Tono: 130 | #F5FFF7 | #E6FFEA | #CEF2D4 | #A3BFA7 |
Tono: 140 | #F5FFF8 | #E6FFEE | #CEF2DA | #A3BFAC |
Tono: 150 | #F5FFFA | #E6FFF2 | #CEF2E0 | #A3BFB1 |
Tono: 160 | #F5FFFC | #E6FFF7 | #CEF2E6 | #A3BFB6 |
Tono: 170 | #F5FFFD | #E6FFFB | #CEF2EC | #A3BFBA |
Tono: 180 | #F5FFFF | #E6FFFF | #CEF2F2 | #A3BFBF |
Tono: 190 | #F5FDFF | #E6FBFF | #CEECF2 | #A3BABF |
Tono: 200 | #F5FCFF | #E6F7FF | #CEE6F2 | #A3B6BF |
Tono: 210 | #F5FAFF | #E6F2FF | #CEE0F2 | #A3B1BF |
Tono: 220 | #F5F8FF | #E6EEFF | #CEDAF2 | #A3ACBF |
Tono: 230 | #F5F7FF | #E6EAFF | #CED4F2 | #A3A7BF |
Tono: 240 | #F5F5FF | #E6E6FF | #CECEF2 | #A3A3BF |
Tono: 250 | #F7F5FF | #EAE6FF | #D4CEF2 | #A7A3BF |
Tono: 260 | #F8F5FF | #EEE6FF | #DACEF2 | #ACA3BF |
Tono: 270 | #FAF5FF | #F2E6FF | #E0CEF2 | #B1A3BF |
Tono: 280 | #FCF5FF | #F7E6FF | #E6CEF2 | #B6A3BF |
Tono: 290 | #FDF5FF | #FBE6FF | #ECCEF2 | #BAA3BF |
Tono: 300 | #FFF5FF | #FFE6FF | #F2CEF2 | #BFA3BF |
Tono: 310 | #FFF5FD | #FFE6FB | #F2CEEC | #BFA3BA |
Tono: 320 | #FFF5FC | #FFE6F7 | #F2CEE6 | #BFA3B6 |
Tono: 330 | #FFF5FA | #FFE6F2 | #F2CEE0 | #BFA3B1 |
Tono: 340 | #FFF5F8 | #FFE6EE | #F2CEDA | #BFA3AC |
Tono: 350 | #FFF5F7 | #FFE6EA | #F2CED4 | #BFA3A7 |
Alto: 0 S: 0 | #FFFFFF | #F9F9F9 | #F2F2F2 | #BFBFBF |
Wikipedia utiliza este esquema de colores en su página principal .
Tono: 150 | fondo: #F5FFFAborde:#CEF2E0 | fondo: #CEF2E0borde:#A3BFB1 | ||
Tono: 210 | fondo: #F5FAFFborde:#CEE0F2 | fondo: #CEE0F2borde:#A3B1BF | ||
Tono: 270 | fondo: #FAF5FFborde:#E0CEF2 | fondo: #E0CEF2borde:#B1A3BF | ||
Tono: 330 | fondo: #FFF5FAborde:#F2CEE0 | fondo: #F2CEE0borde:#BFA3B1 |
Y además en el Portal de la Comunidad :
Tono: 030 | fondo: #FFFAF5borde:#F2E0CE | fondo: #F2E0CEborde:#BFB1A3 |
En la parte superior de la página de discusión se encuentran paletas de tres colores adicionales que utilizan este mismo esquema de generación . En la interfaz Monobook, el color de fondo de las páginas de Wikipedia es #F8FCFF. En la interfaz Vector, el color de fondo de todas las páginas es #FFFFFF.
Wikimedia Commons utiliza este esquema de colores en commons:Main Page y commons:Help:Contents. A diferencia de la Wikipedia en inglés, Commons no utiliza un color adicional más oscuro para delimitar el encabezado. Además, los conjuntos de colores no se derivan de un tono como lo hace la tabla anterior.
color de fondo: #d0e5f5 color de fondo: #f1f5fc | Color de fondo: #faecc8 Color de fondo: #faf6ed |
Aproximadamente 1 de cada 12 hombres y 1 de cada 200 mujeres de ascendencia del norte de Europa padecen daltonismo ; este y otros tipos de daltonismo afectan a personas de todo el mundo. [1] Esta tabla muestra grupos "seguros" de colores que la mayoría de las personas daltónicas pueden distinguir, aunque el color nunca debe utilizarse como único método para transmitir información.
Véase también Commons:Commons:Creación de ilustraciones accesibles para paletas amigables para personas daltónicas.
Color 1 | Color 2 | Color 3 | Color 4 | Color 5 | Color 6 |
---|---|---|---|---|---|
Blanco | Amarillo | Azul | Rojo | Negro | Gris |
Verde | |||||
Cal | Púrpura | Marrón | Cian | ||
Naranja | Rosa |
Las siguientes utilidades pueden resultar útiles para determinar si una imagen revisada es distinguible para usuarios daltónicos. Normalmente, toman una página web o un archivo de imagen como entrada y generan una imagen simulada para daltónicos como salida:
El arcoíris estándar no debería utilizarse para representar datos continuos, ya que crea umbrales artificiales; los seres humanos no ven el espectro como una rampa suave. Son preferibles las escalas de grises, las rampas de color perceptualmente uniformes o un mapa de colores elegido deliberadamente para resaltar ciertas características. Las rampas de color divergentes (dos extremos de color alrededor de un valor neutro blanco o negro) tienden a ocultar algunas características de alta frecuencia.
Los colores tienen connotaciones culturales; elija los que coincidan con sus datos. Es decir, una rampa de colores divergente con extremos " caliente , frío " será más fácil de entender que la inversa ( caliente , frío ).