Colores web
De Wikipedia, la enciclopedia libre
  (Redirigido desde la paleta web )
Saltar a navegación Saltar a búsqueda

HTML
Comparaciones

Los colores web son colores que se utilizan para mostrar páginas web en la World Wide Web y los métodos para describir y especificar esos colores. Los colores se pueden especificar como un triplete RGB o en formato hexadecimal (un triplete hexadecimal ) o de acuerdo con sus nombres comunes en inglés en algunos casos. A menudo se utiliza una herramienta de color u otro software de gráficos para generar valores de color. En algunos usos, los códigos de color hexadecimales se especifican con notación utilizando un signo de número inicial (#). [1] [2]Un color se especifica de acuerdo con la intensidad de sus componentes rojo, verde y azul, cada uno representado por ocho bits . Por lo tanto, se utilizan 24 bits para especificar un color web dentro de la gama sRGB , y 16.777.216 colores que se pueden especificar así.

Los colores fuera de la gama sRGB se pueden especificar en hojas de estilo en cascada haciendo que uno o más de los componentes rojo, verde y azul sean negativos o superiores al 100%, por lo que el espacio de color es teóricamente una extrapolación ilimitada de sRGB similar a scRGB . [3] Especificar un color que no sea sRGB de esta manera requiere la llamada a la función RGB (). Es imposible con la sintaxis hexadecimal (y por lo tanto imposible en documentos HTML heredados que no usan CSS).

Las primeras versiones de Mosaic y Netscape Navigator utilizaron los nombres de colores X11 como base para sus listas de colores, ya que ambas comenzaron como aplicaciones del sistema X Window . Los colores web tienen una definición colorimétrica inequívoca, sRGB , que relaciona las cromaticidades de un conjunto de fósforo particular , una curva de transferencia determinada, un punto blanco adaptativo y las condiciones de visualización. [4] Estos han sido elegidos para ser similares a muchos monitores y condiciones de visualización del mundo real , para permitir que el renderizado sea bastante cercano a los valores especificados incluso sin administración de color . Agentes de usuariovarían en la fidelidad con la que representan los colores especificados. Los agentes de usuario más avanzados utilizan la gestión del color para proporcionar una mejor fidelidad del color; esto es particularmente importante para las aplicaciones de impresión desde la Web .

Triplete hexagonal

Un triplete hexadecimal es un número hexadecimal de seis dígitos y tres bytes que se utiliza en HTML , CSS , SVG y otras aplicaciones informáticas para representar colores. Los bytes representan los componentes rojo, verde y azul del color. Un byte representa un número en el rango de 00 a FF (en notación hexadecimal), o de 0 a 255 en notación decimal. Esto representa la intensidad mínima (0) a la máxima (255) de cada uno de los componentes de color. Por lo tanto, los colores web especifican colores en el esquema de color RGB de 24 bits . El triplete hexadecimal se forma concatenando tres bytes en notación hexadecimal, en el siguiente orden:

  • Byte 1: valor rojo (tipo de color rojo)
  • Byte 2: valor verde (tipo de color verde)
  • Byte 3: valor azul (tipo de color azul)

Por ejemplo, considere el color donde los valores rojo / verde / azul son números decimales: rojo = 36, verde = 104, azul = 160 (un color azul grisáceo). Los números decimales 36, 104 y 160 son equivalentes a los números hexadecimales 24, 68 y A0 respectivamente. El triplete hexadecimal se obtiene concatenando los seis dígitos hexadecimales, 2468A0 en este ejemplo.

Si cualquiera de los tres valores de color es menor que 10 hexadecimales (16 decimales), debe representarse con un cero a la izquierda para que el triplete siempre tenga exactamente seis dígitos. Por ejemplo, el triplete decimal 4, 8, 16 estaría representado por los dígitos hexadecimales 04, 08, 10, formando el triplete hexadecimal 040810.

El número de colores que puede representar este sistema es 16 6 o 256 3 o 2 24 = 16.777.216.

Forma hexadecimal taquigráfica

Se utiliza una forma abreviada de tres dígitos (hexadecimal). [5] Expandir este formulario al formulario de seis dígitos es tan simple como duplicar cada dígito: 09C se convierte en 0099CC como se presenta en el siguiente ejemplo de CSS :

. threedigit  {  color :  # 09C ;  } . seis dígitos  {  color :  # 0099CC ;  }  / * mismo color que el anterior * /

Esta forma abreviada reduce la paleta a 4096 colores, equivalente a un color de 12 bits en lugar de un color de 24 bits utilizando la forma completa de seis dígitos (16.777.216 colores). Esta limitación es suficiente para muchos documentos basados ​​en texto.

Conversión de RGB a hexadecimal

Ver también: Conversión § Hexadecimal

Los valores RGB generalmente se dan en el rango 0-255; si están en el rango 0-1, los valores se multiplican por 255 antes de la conversión. Este número dividido por dieciséis (división entera; ignorando cualquier resto) da el primer dígito hexadecimal (entre 0 y F, donde las letras de la A a la F representan los números del 10 al 15. Consulte hexadecimal para obtener más detalles). El resto da el segundo dígito hexadecimal. Por ejemplo, el valor RGB 201 se divide en 12 grupos de 16, por lo que el primer dígito es C. Un resto de nueve da el número hexadecimal C9. Este proceso se repite para cada uno de los tres valores de color.

La conversión entre bases numéricas es una característica común de las calculadoras, incluidos los modelos portátiles y las calculadoras de software incluidas con la mayoría de los sistemas operativos modernos . También se encuentran disponibles herramientas basadas en web específicas para convertir valores de color.

Nombres de colores HTML

Las especificaciones recientes del W3C de nombres de colores distinguen entre colores básicos y extendidos . [6] En HTML y XHTML, los colores se pueden usar para texto, color de fondo, bordes de marcos, tablas y celdas de tablas individuales. [7]

Colores básicos

Los colores básicos son 16 colores definidos en la especificación HTML 4.01, ratificada en 1999, [8] de la siguiente manera (los nombres se definen en este contexto para que no distingan entre mayúsculas y minúsculas):

Nombres de colores CSS 1–2.0, HTML 3.2–4 y VGA
NombreHexagonal
(RGB)		Rojo
(RGB)		Verde
(RGB)		Azul
(RGB)		Tono
(HSL / HSV)		Satur.
(HSL)		Ligero
(HSL)		Satur.
(VHS)		Valor
(HSV)		Número CGA (nombre) ; alias
blanco#FFFFFF100%100%100%0 °0%100%0%100%15 (blanco)
Plata# C0C0C075%75%75%0 °0%75%0%75%07 (gris claro)
gris# 80808050%50%50%0 °0%50%0%50%08 (gris oscuro)
Negro# 0000000%0%0%0 °0%0%0%0%00 (negro)
rojo# FF0000100%0%0%0 °100%50%100%100%12 (rojo alto)
Granate# 80000050%0%0%0 °100%25%100%50%04 (rojo bajo)
Amarillo# FFFF00100%100%0%60 °100%50%100%100%14 (amarillo)
Aceituna# 80800050%50%0%60 °100%25%100%50%06 (marrón)
Lima# 00FF000%100%0%120 °100%50%100%100%10 (verde alto); verde
Verde# 0080000%50%0%120 °100%25%100%50%02 (verde bajo)
Agua# 00FFFF0%100%100%180 °100%50%100%100%11 (cian alto); cian
Verde azulado# 0080800%50%50%180 °100%25%100%50%03 (cian bajo)
Azul# 0000FF0%0%100%240 °100%50%100%100%09 (azul alto)
Armada# 0000800%0%50%240 °100%25%100%50%01 (azul bajo)
Fucsia# FF00FF100%0%100%300 °100%50%100%100%13 (magenta alto); magenta
Púrpura# 80008050%0%50%300 °100%25%100%50%05 (magenta bajo)

Estos 16 fueron etiquetados como sRGB y se incluyeron en la especificación HTML 3.0, que indicaba que eran "los 16 colores estándar compatibles con la paleta VGA de Windows ". [9]

Colores extendidos

Versión SVG de los nombres de color X11
Colores con nombre SVG1.1 con códigos sRGB hexadecimales / dec y HSL, con resolución UHD (4K)

Los colores extendidos son el resultado de la combinación de especificaciones de las interfaces de usuario HTML 4.01, CSS 2.0, SVG 1.0 y CSS3 (CSS3 UI). [6]

Los navegadores web definen varios colores . Es posible que un navegador en particular no reconozca todos estos colores, pero a partir de 2005, todos los navegadores gráficos modernos de uso general admiten la lista completa de colores. Muchos de estos colores provienen de la lista de nombres de colores X11 distribuidos con el sistema X Window . Estos colores fueron estandarizados por SVG 1.0 y son aceptados por los agentes de usuario de SVG Full . No forman parte de SVG Tiny .

La lista de colores enviada con el producto X11 varía entre implementaciones y choca con algunos de los nombres HTML como el verde. Los colores X11 se definen como RGB simple (por lo tanto, sin espacio de color en particular), en lugar de sRGB . Esto significa que la lista de colores que se encuentra en X11 (por ejemplo, en /usr/lib/X11/rgb.txt) no debe usarse directamente para elegir colores para la web. [10]

La lista de "colores X11" web de la especificación CSS3, junto con sus equivalentes hexadecimales y decimales, se muestra a continuación. Compare las listas alfabéticas en los estándares del W3C. Esto incluye los sinónimos comunes: aqua (nombre estándar HTML4 / CSS 1.0) y cian (nombre sRGB común), magenta (nombre sRGB común) y fucsia (nombre estándar HTML4 / CSS 1.0), gris (nombre estándar HTML4 / CSS 1.0) y gris. [11] [12]

Nombre HTMLRGB
MaleficioDecimal
Colores rosados
Medio VioletaRojoC7 15 85199 21 133
Rosa profundoFF 14 93255 20 147
PaleVioletRojoDB 70 93219 112 147
Rosa calienteFF 69 B4255 105 180
Rosa claroFF B6 C1255 182 193
RosadoFF C0 CB255 192 203
Colores rojos
Rojo oscuro8B 00 00139 0 0
rojoFF 00 00255 0 0
Ladrillo refractarioB2 22 22178 34 34
carmesíDC 14 3C220 20 60
IndioRojoCD 5C 5C205 92 92
LightCoralF0 80 80240128128
SalmónFA 80 72250 128 114
DarkSalmonE9 96 7A233 150 122
LightSalmonFF A0 7A255 160 122
Colores naranja
Rojo naranjaFF 45 00255 69 0
TomateFF 63 47255 99 71
Naranja oscuroFF 8C 00255140 0
CoralFF 7F 50255 127 80
naranjaFF A5 00255 165 0
Colores amarillos
DarkKhakiBD B7 6B189 183 107
OroFF D7 00255 215 0
CaquiF0 E6 8C240 230 140
MelocotónFF DA B9255 218 185
AmarilloFF FF 00255255 0
PaleGoldenrodEE E8 AA238232 170
MocasínFF E4 B5255 228 181
Papaya LátigoFF EF D5255 239 213
LuzVarilla De OroAmarilloFA FA D2250 250 210
Limón GasaCD de FF FA255 250 205
Amarillo claroFF FF E0255 255 224
Colores marrones
Granate80 00 00128 0 0
marrónA5 2A 2A165 42 42
Sillín Marrón8B 45 13139 69 19
Tierra de sienaA0 52 2D160 82 45
ChocolateD2 69 1E210 105 30
DarkGoldenrodB8 86 0B184 134 11
PerúCD 85 3F205 133 63
RosyBrownBC 8F 8F188 143 143
Vara de oroDA A5 20218 165 32
SandyBrownF4 A4 60244 164 96
BroncearseD2 B4 8C210 180 140
BurlywoodDE B8 87222 184 135
TrigoF5 DE B3245 222 179
NavajoBlancoFF DE AD255 222 173
Sopa de mariscosFF E4 C4255 228 196
BlanqueadoAlmendraCD de FF EB255 235 205
Seda de maizFF F8 DC255 248220
Nombre HTMLRGB
MaleficioDecimal
Colores verdes
Verde oscuro00 64 00  0100 0
Verde00 80 00  0 128 0
OscuroOliveVerde55 6B 2F 85 107 47
Bosque verde22 8B 22 34139 34
Mar verde2E 8B 57 46 139 87
Aceituna80 80 00128 128 0
Verde oliva6B 8E 23107142 35
MedioMarVerde3C B3 71 60 179 113
Verde lima32 CD 32 50 205 50
Lima00 FF 00  0 255 0
Primavera verde00 FF 7F  0 255 127
MedioPrimaveraVerde00 FA 9A  0 250 154
DarkSeaGreen8F BC 8F143 188 143
Medio Aguamarina66 CD AA102 205 170
Amarillo verde9A CD 32154 205 50
CéspedVerde7C FC 00124 252 0
Monasterio7F FF 00127255 0
Verde claro90 EE 90144 238 144
Verde amarilloAD FF 2F173 255 47
Verde pálido98 FB 98152 251152
Colores cian
Verde azulado00 80 80  0 128 128
DarkCyan00 8B 8B  0 139 139
LuzMarVerde20 B2 AA 32 178 170
CadeteAzul5F 9E A0 95 158 160
Turquesa oscuro00 CE D1  0 206 209
Medio Turquesa48 D1 CC 72 209 204
Turquesa40 E0 D0 64 224 208
Agua00 FF FF  0 255 255
Cian00 FF FF  0 255 255
Aguamarina7F FF D4127 255 212
Turquesa pálidoAF EE EE175 238 238
Cian claroE0 FF FF224 255 255
Colores azules
Armada00 00 80  0 0 128
Azul oscuro00 00 8B  0 0 139
Azul medio00 00 CD  0 0 205
Azul00 00 FF  0 0 255
MedianocheAzul19 19 70 25 25 112
Azul real41 69 E1 65 105 225
Azul acero46 82 B4 70 130 180
DodgerAzul1E 90 FF 30 144 255
DeepSkyBlue00 BF FF  0 191 255
AcianoAzul64 95 ED100 149 237
Cielo azul87 CE EB135 206 235
LightCieloAzul87 CE FA135 206 250
LightSteelAzulB0 C4 DE176 196 222
Azul claroAD D8 E6173 216 230
Azul pálidoB0 E0 E6176 224 230
Nombre HTMLRGB
MaleficioDecimal
Colores morados, violetas y magentas.
Índigo4B 00 82 75 0 130
Púrpura80 00 80128 0 128
DarkMagenta8B 00 8B139 0 139
Violeta oscuro94 00 D3148 0 211
DarkSlateAzul48 3D 8B 72 61139
Violeta Azul8A 2B E2138 43 226
DarkOrchid99 32 CC153 50 204
FucsiaFF 00 FF255 0 255
MagentaFF 00 FF255 0 255
PizarraAzulCD de 6A 5A106 90 205
MedioPizarraAzul7B 68 EE123 104 238
MedioOrquídeaBA 55 D3186 85 211
MedioPúrpura93 70 DB147112 219
OrquídeaDA 70 D6218 112 214
VioletaEE 82 EE238130 238
CiruelaDD A0 DD221160 221
CardoD8 BF D8216 191216
LavandaE6 E6 FA230 230 250
Colores blancos
MistyRoseFF E4 E1255 228225
Blanco antiguoFA EB D7250 235 215
LinoFA F0 E6250 240 230
BeigeF5 F5 DC245 245220
Humo blancoF5 F5 F5245 245 245
LavandaRuborFF F0 F5255 240 245
OldLaceFD F5 E6253 245 230
Alice azulF0 F8 FF240 248 255
ConchaFF F5 EE255 245 238
FantasmaBlancoF8 F8 FF248 248 255
Gotas de mielF0 FF F0240 255 240
FloralesBlancoFF FA F0255 250 240
AzurF0 FF FF240 255 255
Crema de mentaF5 FF FA245 255250
NieveFF FA FA255 250 250
MarfilFF FF F0255 255 240
blancoFF FF FF255 255 255
Colores gris y negro
Negro00 00 00  0 0 0
DarkSlateGray2F 4F 4F 47 79 79
DimGray69 69 69105 105 105
Pizarra gris70 80 90112 128 144
gris80 80 80128 128 128
LightSlateGray77 88 99119 136 153
Gris oscuroA9 A9 A9169 169 169
PlataC0 C0 C0192 192 192
Gris claroD3 D3 D3211 211 211
GainsboroDC DC DC220 220 220

Colores CSS

La especificación Cascading Style Sheets define el mismo número de colores con nombre que la especificación HTML 4, es decir, los 16 colores html y 124 colores de la lista de colores Netscape X11 para un total de 140 nombres que fueron reconocidos por Internet Explorer (IE) 3.0 y Netscape Navigator 3.0. [13] Blooberry.com señala que Opera 2.1 y Safari 1 también incluían la lista ampliada de 140 nombres de colores de Netscape, pero luego descubrió 14 nombres que no estaban incluidos con Opera 3.5 en Windows 98. [14]

En CSS 2.1, el color 'naranja' (uno de los 140) se agregó a la sección con los 16 colores HTML4 como decimoséptimo color. [15] La especificación CSS3.0 no incluyó el naranja en la sección "Palabras clave de color HTML4", que se renombró como "Palabras clave de color básico". [16] En la misma referencia, la sección "Palabras clave de color SVG", pasó a llamarse "Palabras clave de color extendidas", después de comenzar como "Palabras clave de color X11" en un borrador de trabajo anterior. [17] El borrador de trabajo para el módulo de color de nivel 4 combina las secciones Básica y Extendida juntas en una sección simple de "Colores nombrados". [18]

Color agregado en CSS 2.1
NombreHexagonal
(RGB)		Rojo
(RGB)		Verde
(RGB)		Azul
(RGB)		Tono
(HSL / HSV)		Satur.
(HSL)		Ligero
(HSL)		Satur.
(VHS)		Valor
(HSV)		Alias
naranja# FFA500100%sesenta y cinco%0%39 °100%50%100%100%

CSS 2, SVG y CSS 2.1 permiten a los autores web usar colores del sistema , que son nombres de colores cuyos valores se toman del sistema operativo , eligiendo el color del texto resaltado del sistema operativo o el color de fondo para los controles de información sobre herramientas. Esto permite a los autores web diseñar su contenido de acuerdo con el sistema operativo del agente de usuario. [19] El módulo de color CSS3 ha desaprobado el uso de colores del sistema en favor de la propiedad de apariencia del sistema de la interfaz de usuario de CSS3, [20] [21] que posteriormente se eliminó de CSS3. [22]

La especificación CSS3 también introduce valores de espacio de color HSL en las hojas de estilo: [23]

 / * Modelo RGB * /  p  {  color :  # F00  }  / * #rgb * /  p  {  color :  # FF0000  }  / * #rrggbb * /  p  {  color :  rgb ( 255 ,  0 ,  0 )  }  / * rango de enteros 0 - 255 * /  p  {  color :  rgb ( 100 % ,  0 % ,  0 % )  }  / * rango flotante 0.0% - 100.0% * / / * RGB con canal alfa, agregado a CSS3 * /  p  {  color :  rgba ( 255 ,  0 ,  0 ,  0.5 )  }  / * 0.5 opacidad, semitransparente * / / * Modelo HSL, agregado a CSS3 * /  p  {  color :  hsl ( 0 ,  100 % ,  50 % )  }  / * rojo * /  p  {  color :  hsl ( 120 ,  100 % ,  50 % )  }  / * verde * /  p  {  color :  hsl ( 120 ,  100 % ,  25 % )  }  / * verde oscuro * /  p  {  color :  hsl( 120 ,  100 % ,  75 % )  }  / * verde claro * /  p  {  color :  hsl ( 120 ,  50 % ,  50 % )  }  / * verde pastel * / / * Modelo HSL con canal alfa * /  p  {  color :  hsla ( 120 ,  100 % ,  50 % ,  1 )  }  / * verde * /  p  {  color :  hsla ( 120 ,  100 % ,  50 % ,  0.5 )  }  / * verde semitransparente * /  p  {  color :  hsla ( 120 ,  100 % ,  50 % ,  0.1 ) }  / * verde muy transparente * /

Color CSS 4

El 21 de junio de 2014, el CSS WG agregó el color RebeccaPurple al nivel 4 del módulo Borrador de colores del editor, para conmemorar a la hija de Eric Meyer, Rebecca, que murió el 7 de junio de 2014, su sexto cumpleaños. [24]

Color agregado en el módulo de colores CSS4
NombreHexagonal
(RGB)		Rojo
(RGB)		Verde
(RGB)		Azul
(RGB)		Tono
(HSL / HSV)		Satur.
(HSL)		Ligero
(HSL)		Satur.
(VHS)		Valor
(HSV)		Alias
RebeccaPúrpura# 66339940%20%60%270 °50%40%67%60%

CSS también admite el color especial transparent, que representa un valor alfa de cero; Por defecto, transparentse representa como un negro nominal invisible rgba(0, 0, 0, 0). [18]

Color CSS 5


Colores seguros para la Web

Profundidad del color
  • Monocromo de 1 bit
  • Escala de grises de 8 bits
  • Color de 8 bits
  • Color de 15 o 16 bits (color de alta densidad)
  • Color de 24 bits (color verdadero)
  • Color de 30, 36 o 48 bits (color profundo)
Relacionado
  • Color indexado
  • Paleta
  • Modelo de color RGB
  • Color seguro para la Web
  • v
  • t
  • mi

A mediados de la década de 1990, muchas pantallas solo podían mostrar 256 colores. [25] Estos pueden ser dictados por el hardware o modificables por una "tabla de colores". Cuando se encuentra un color (por ejemplo, en una imagen) que no está disponible, se tuvo que usar uno diferente. Esto se puede hacer usando el color más cercano o usando tramado .

Hubo varios intentos de hacer una paleta de colores "estándar". Se necesitaba un conjunto de colores que pudieran mostrarse sin tramado en pantallas de 256 colores; el número 216 se eligió en parte porque los sistemas operativos de las computadoras reservaban habitualmente de dieciséis a veinte colores para su propio uso; también se seleccionó porque permite exactamente seis tonos de rojo, verde y azul igualmente espaciados (6 × 6 × 6 = 216), cada uno de 00 a FF (incluidos ambos límites).

La lista de colores se presenta como si tuviera propiedades especiales que los hacen inmunes al difuminado, pero en pantallas de 256 colores, las aplicaciones pueden establecer una paleta de cualquier selección de colores que elijan, difuminando el resto. Estos colores se eligieron específicamente porque coincidían con las paletas seleccionadas por varias aplicaciones de navegador. No se usaban paletas muy diferentes en diferentes navegadores. [ cita requerida ]

Los colores "seguros para la Web" tenían el defecto de que, en sistemas como X11 donde la paleta se comparte entre aplicaciones, los navegadores asignaban cubos de color más pequeños (5 × 5 × 5 o 4 × 4 × 4) "los colores seguros" difuminarían en tales sistemas. Se obtuvieron diferentes resultados al proporcionar una imagen con una gama más amplia de colores y permitir que el navegador cuantifique el espacio de color si es necesario, en lugar de sufrir la pérdida de calidad de una cuantificación doble.

A lo largo de la década de 2000, el uso de pantallas de 256 colores en computadoras personales se redujo drásticamente en favor de las pantallas de 24 bits ( TrueColor ), [26] y el uso de colores "seguros para la web" ha caído en desuso.

No todos los colores "compatibles con la Web" tienen nombres estándar, pero cada uno puede especificarse mediante un triplete RGB : cada componente (rojo, verde y azul) toma uno de los seis valores de la siguiente tabla (de los 256 posibles valores disponibles para cada componente en color completo de 24 bits).

6 tonos de cada color
LlaveMaleficioDecimalFracción
00000
333510,2
6661020.4
9991530,6
C (12)CC2040,8
F (15)FF2551

La siguiente tabla muestra todos los colores "seguros para la Web". Una de las deficiencias de la paleta segura para la web es su pequeña gama de colores claros para los fondos de las páginas web, mientras que las intensidades en el extremo inferior de la gama, como las dos más oscuras, son similares entre sí, lo que las hace difíciles de distinguir. Los valores flanqueados por "*" (asterisco) son parte de la "paleta realmente segura"; consulte Colores web más seguros , a continuación.

Tabla de colores

216 colores compatibles con la Web
* 000 *300600900C00* F00 *
* 003 *303603903C03* F03 *
006306606906C06F06
009309609909C09F09
00C30C60C90CC0CF0C
* 00F *30F60F90FC0F* F0F *
030330630930C30F30
033333633933C33F33
036336636936C36F36
039339639939C39F39
03C33C63C93CC3CF3C
03F33F63F93FC3FF3F
060360660960C60F60
063363663963C63F63
066366666966C66F66
069369669969C69F69
06C36C66C96CC6CF6C
06F36F66F96FC6FF6F
090390690990C90F90
093393693993C93F93
096396696996C96F96
099399699999C99F99
09C39C69C99CC9CF9C
09F39F69F99FC9FF9F
0C03C06C09C0CC0FC0
0C33C36C39C3CC3FC3
0C63C66C69C6CC6FC6
0C93C96C99C9CC9FC9
0CC3CC6CC9CCCCCFCC
0CF3CF6CF9CFCCFFCF
* 0F0 *3F0* 6F0 *9F0CF0* FF0 *
0F3* 3F3 ** 6F3 *9F3CF3* FF3 *
* 0F6 ** 3F6 *6F69F6* CF6 ** FF6 *
0F93F96F99F9CF9FF9
* 0FC ** 3FC *6FC9FCCFCFFC
* 0FF ** 3FF ** 6FF *9FFCFF* FFF *

Cada código de color enumerado es una abreviatura del valor RGB. Por ejemplo, el código 609 es equivalente al código RGB 102-0-153 o al código HEX # 660099 .


Colores web más seguros

Se animó a los diseñadores a ceñirse a estos 216 colores "seguros para la web" en sus sitios web porque había muchas pantallas de color de 8 bits cuando se desarrolló la paleta de 216 colores. David Lehn y Hadley Stern descubrieron que solo 22 de los 216 colores en la paleta segura para la web se muestran de manera confiable sin reasignaciones inconsistentes en pantallas de computadora de 16 bits . Llamaron a estos 22 colores "la paleta realmente segura"; se compone principalmente de tonos de verde, amarillo y azul. [27] [28]

Colores web más seguros
R--
-GB
0369CF
00* 000 ** F00 *
03* 003 ** F03 *
06
09
0C
0F* 00F ** F0F *
⋮⋮
F0* 0F0 ** 6F0 ** FF0 *
F3* 3F3 ** 6F3 ** FF3 *
F6* 0F6 ** 3F6 ** CF6 ** FF6 *
F9
FC* 0FC ** 3FC *
FF* 0FF ** 3FF ** 6FF ** FFF *

Accesibilidad

Selección de color

Algunos navegadores y dispositivos no admiten colores. Para estas pantallas o usuarios ciegos y daltónicos, el contenido web en función de los colores puede resultar inutilizable o difícil de usar.

No se deben especificar colores (para invocar los colores predeterminados del navegador), o se deben especificar tanto el fondo como todos los colores de primer plano (como los colores del texto sin formato, enlaces no visitados, enlaces flotantes, enlaces activos y enlaces visitados) para evitar negro sobre negro o blanco sobre efectos blancos . [29]

Contraste de color

Las Pautas de accesibilidad al contenido web recomiendan una relación de contraste de al menos 4.5: 1 entre la luminancia relativa del texto y su color de fondo [30] o al menos 3: 1 para texto grande. La accesibilidad mejorada requiere relaciones de contraste superiores a 7: 1.

Sin embargo, abordar los problemas de accesibilidad no es simplemente una cuestión de aumentar la relación de contraste. Como indica un informe de la Iniciativa de Accesibilidad Web , [31] los lectores disléxicos se benefician mejor con índices de contraste por debajo del máximo. Las recomendaciones a las que se refieren de negro (0x0A0A0A) sobre blanco (0xFFFFE5) y negro (0x000000) sobre crema (0xFAFAC8) tienen relaciones de contraste de 11,7: 1 y 20,3: 1 respectivamente. Entre sus otros pares de colores, el marrón (0x282800) sobre verde oscuro (0xA0A000) tiene una relación de contraste de 3.24: 1, que es menor que la WCAG.recomendación, marrón oscuro (0x1E1E00) sobre verde claro (0xB9B900) tiene una relación de contraste de 4.54: 1 y azul (0x00007D) sobre amarillo (0xFFFF00) tiene una relación de contraste de 11.4: 1. Observe que los colores nombrados en el informe utilizan valores de color diferentes a los colores web del mismo nombre.

Ver también

  • Espacio de color Adobe RGB
  • Espacio de color CIE 1931 XYZ
  • Espacio de color CIE L * a * b *
  • Herramienta de color
  • Lista de paletas de colores
  • Lista de colores
  • Lista de colores por tono
  • ProPhoto RGB
  • Espacio de color RGB
  • scRGB
  • Espacio de color RGB de amplia gama

Referencias

  1. ^ Niederst Robbins, Jennifer (febrero de 2006). "Apéndice D: Especificación del color". Diseño web en pocas palabras . O'Reilly. pag. 830. ISBN 978-0-596-00987-8.
  2. ^ York, Richard. Beginning CSS , págs. 71–72.
  3. ^ Pemberton, Steven; Pettit, Brad (7 de junio de 2011). Çelik, Tantek; Lilley, Chris; Baron, L. David (eds.). "Nivel 3 del módulo de color CSS" . W3C. sección 4.2.1. Valores de color RGB.
  4. ^ Manual de imágenes digitales en color de Gaurav Sharma. ISBN 0-8493-0900-X 
  5. ^ Pemberton, Steven; Pettit, Brad (7 de junio de 2011). Çelik, Tantek; Lilley, Chris; Baron, L. David (eds.). "4.2.1. Valores de color RGB" . Módulo de color CSS Nivel 3 . W3C . Consultado el 19 de marzo de 2013 .
  6. ^ a b "Nivel 3 del módulo de color CSS" . W3c . Consultado el 19 de julio de 2020 .
  7. ^ Powell, Thomas A. (2010). HTML y CSS: la referencia completa, quinta edición . Nueva York: McGraw-Hill. pag. 765. ISBN 9780071741705.
  8. ^ "Sección 6.5 de la especificación HTML 4.01" Colores " " . W3.org . Consultado el 8 de julio de 2013 .
  9. ^ "Especificación HTML 3.2" El elemento BODY " " . W3.org . Consultado el 8 de julio de 2013 .
  10. ^ "Discusión pública sobre la lista de correo de SVG Re: los nombres de color en SVG-1.0 entran en conflicto con /usr/lib/X11/rgb.txt " . Lists.w3.org . Consultado el 8 de julio de 2013 .
  11. ^ Pemberton, Steven; Pettit, Brad (7 de junio de 2011). Çelik, Tantek; Lilley, Chris; Baron, L. David (eds.). "4.3. Palabras clave de color extendidas" . Módulo de color CSS Nivel 3 . W3C . Consultado el 19 de marzo de 2013 .
  12. ^ "W3C TR SVG 1.0, nombres de palabras clave de colores reconocidos" . W3.org. 16 de agosto de 2011 . Consultado el 1 de febrero de 2019 .
  13. ^ "El conjunto de colores X11" . Consultado el 6 de julio de 2014 .
  14. ^ Brian Wilson. "Colores en HTML y CSS" . Consultado el 6 de julio de 2014 .
  15. ^ "Especificación CSS 2.1: sintaxis y tipos de datos básicos: colores" . 8 de septiembre de 2009 . Consultado el 21 de diciembre de 2009 .
  16. ^ "Nivel 3 del módulo de color CSS - Recomendación propuesta - 11. Cambios" . 28 de octubre de 2010 . Consultado el 6 de julio de 2014 .
  17. ^ "Nivel 3 del módulo de color CSS - Borrador de trabajo" . 18 de abril de 2002 . Consultado el 6 de julio de 2014 .
  18. ^ a b Nivel 4 del módulo de color CSS - Borrador del editor, 26 de junio de 2014
  19. ^ "Interfaz de usuario - Colores del sistema" . W3.org . Consultado el 8 de julio de 2013 .
  20. ^ Pemberton, Steven; Pettit, Brad (7 de junio de 2011). Çelik, Tantek; Lilley, Chris; Baron, L. David (eds.). "4.5.1. Colores del sistema CSS2" . Módulo de color CSS Nivel 3 . W3C . Consultado el 19 de marzo de 2013 .
  21. ^ "Módulo de interfaz de usuario básico CSS3, recomendación del candidato W3C 11 de mayo de 2004: apariencia del sistema" . W3.org . Consultado el 8 de julio de 2013 .
  22. ^ Çelik, Tantek, ed. (17 de enero de 2012). "Lista de cambios sustanciales" . Módulo de interfaz de usuario básica CSS Nivel 3 . W3C . Consultado el 19 de marzo de 2013 . Se ha eliminado la apariencia del sistema, incluidos los valores y propiedades de apariencia, y las fuentes / extensión del sistema de la abreviatura de la propiedad 'fuente'.
  23. ^ Pemberton, Steven; Pettit, Brad (7 de junio de 2011). Çelik, Tantek; Lilley, Chris; Baron, L. David (eds.). "4.2.4. Valores de color HSL" . Módulo de color CSS Nivel 3 . W3C . Consultado el 19 de marzo de 2013 .
  24. ^ Glazman, Daniel (21 de junio de 2014). "Re: [CfC] agregando 'rebeccapurple' al nivel de color CSS 4" . Publicar en lista de correo estilo www . W3C . Consultado el 24 de junio de 2014 .
  25. ^ Jenkins, Sue (27 de diciembre de 2012). Diseño web todo en uno para principiantes . John Wiley e hijos. ISBN 9781118404119.
  26. ^ "Estadísticas de visualización del navegador" . W3schools.com . Consultado el 8 de julio de 2013 .
  27. ^ "¿Muerte de la paleta de colores Websafe?" . Physics.ohio-state.edu . Consultado el 8 de julio de 2013 .
  28. ^ "Referencia de color web - HTML con estilo | 4 | WebReference" . www.webreference.com . Consultado el 5 de enero de 2016 .
  29. ^ "Si elige un color, elija todos" . W3.org . Consultado el 8 de julio de 2013 .
  30. ^ Pauta 1.4 de WCAG 2.0
  31. ^ Colores óptimos para mejorar la legibilidad para personas con dislexia

enlaces externos

  • Valor de color CSS en MDN Web Docs
  • Especificación de color CSS2.1
  • Listado de colores seguros para la Web
  • Colores web en Curlie
Obtenido de " https://en.wikipedia.org/w/index.php?title=Web_colors&oldid=1046104237 "
Contribute a better translation