22

Al correr una página y ponerle en el valor del color de fondo una cadena arbitraria como por ejemplo "chucknorris" el fondo se pone rojo. ¿Por qué sucede esto?

<body bgcolor="chucknorris">test</body>


Pregunta original: Why does HTML think “chucknorris” is a color?

10
  • ¿Es en serio? Bueno, se me ocurre que ellos tambien tienen sentido del humor y esto es algún tipo de Easter Egg
    – César
    Commented el 2 dic. 2015 a las 16:34
  • 1
    Claro que es en serio... ¡si tan solo tuviera padrinos mágicos! digo... si tan solo tuviera stack snippets Commented el 2 dic. 2015 a las 16:35
  • 1
    también he oido que se pone rojo debido a la sangre de sus enemigos... pero no sé si creerlo :P Commented el 2 dic. 2015 a las 16:37
  • 2
    pues yo la traduzco...
    – Jorgesys
    Commented el 2 dic. 2015 a las 16:45
  • 2
    asociación: stackoverflow.com/questions/8318911/…
    – lois6b
    Commented el 19 mar. 2019 a las 15:41

2 respuestas 2

18

Referencia: Why does HTML think “chucknorris” is a color?

Si tienes caracteres inválidos en un código de color que está escrito en notación hexadecimal, estos caracteres son tratadas como 0. Un número hexadecimal puede contener las caracteres [0-9a-f], cualquier otro carácter encontrado es reemplazado con 0.

Para chucknorris:

  • Reemplazar caracteres inválidos:
    chucknorrisc00c0000000
  • Rellenar con 0 hasta que el número de caracteres es divisible por 3:
    c00c0000000 (11) → c00c 0000 0000 (12)
  • Formatear en notación RGB:
    rgb(c00c, 0000, 0000)
  • Truncar cada valor a dos caracteres:
    rgb(c0, 00, 00)
  • Traducir de hexadecimal a decimal:
    rgb(192, 0, 0) [ == #C00000]

El color resultante: rojo.

Otros colores similares: crap, ninjaturtle, sick, grass.

2
  • 1
    Parece una traducción hecha con alguna herramienta, puedes mejorarla ? La frase "Caracteres inválidos en códigos de color HEX son igual de cero" es confusa.
    – Alan
    Commented el 2 dic. 2015 a las 16:50
  • 2
    @Zero no con una herramienta, solo mi español mal. Quiero decir que si tienes caracteres inválidos en un código de color que es escrito en notación HEX, estos caracteres son tratadas como 0.
    – ArtOfCode
    Commented el 2 dic. 2015 a las 16:56
17

Es un vestigio de los días de Netscape:

Los dígitos faltantes se tratan como 0 [...]. Un dígito incorrecto simplemente se interpreta como 0. Por ejemplo los valores # f0f0f0, f0f0f0, F0F0F, #FxFxFx y FxFxFx son todos iguales.

A partir de esta entrada del blog, que cubre en gran detalle, incluyendo diferentes longitudes de valores de color, etc.

Si aplicamos las reglas mencionadas en la entrada del blog, obtenemos lo siguiente:

Reemplazar todos los caracteres hexadecimales no válidos con 0's

ChuckNorris se convierte a c00c0000000

Se rellena el siguiente número total de caracteres divisibles por 3 (11 -> 12)

c00c 0.000 0.000

Dividir en tres grupos iguales, con cada componente que representa el componente de color correspondiente de un color RGB:

RGB (c00c, 0000, 0000)

Truncar cada uno de los argumentos desde la derecha a 2 caracteres

Obtenemos el siguiente resultado:

RGB (c0, 00, 00) = # C00000 o RGB (192, 0, 0)

He aquí un ejemplo que demuestra el atributo bgcolor en acción, para producir esta "increíble" muestra de color:

<table>
  <tr>
    <td bgcolor="chucknorris" cellpadding="8" width="100" align="center">chuck norris</td>
    <td bgcolor="mrt" cellpadding="8" width="100" align="center" style="color:#ffffff">Mr T</td>
    <td bgcolor="ninjaturtle" cellpadding="8" width="100" align="center" style="color:#ffffff">ninjaturtle</td>
  </tr>
  <tr>
    <td bgcolor="sick" cellpadding="8" width="100" align="center">sick</td>
    <td bgcolor="crap" cellpadding="8" width="100" align="center">crap</td>
    <td bgcolor="grass" cellpadding="8" width="100" align="center">grass</td>
  </tr>
</table>

Esto también responde a la otra parte de la pregunta; ¿por qué bgcolor = "chucknorr" produce un color amarillo? Bueno, si aplicamos las reglas, el valor del string es:

c00c00000 => c00 c00 000 => c0 c0 00 [RGB (192, 192, 0)]

Lo que da un color amarillo oro claro. Como la cadena inicia con 9 caracteres, mantenemos la segunda C en esta ocasión, por tanto termina en el valor final de color.

Originalmente me encontré con esto cuando alguien señaló que podría hacer color="basura" y, bueno, se obtiene el color cafe.

de la respuesta original de @dash en SOen.

8
  • 1
    Buena y amplia explicación Commented el 2 dic. 2015 a las 17:00
  • 1
    Increible que bgcolor funcione también en tablas en navegadores actuales Commented el 2 dic. 2015 a las 17:01
  • 1
    jeje, Mis antepasados tuvieron sus inicios en desarrollo web, actualmente es desarrollo para aplicaciones de escritorio ó móviles =)
    – Jorgesys
    Commented el 2 dic. 2015 a las 17:21
  • 1
    Esta es la respuesta mas completa. Commented el 29 ene. 2016 a las 22:25
  • 1
    @marcogomes hola Marco, generalmente se hace referencia a una respuesta si es que es una copia (o traducción) de la misma, la referencia a la pregunta ya la agrego Ruslan a la pregunta de este thread.
    – Jorgesys
    Commented el 26 jul. 2017 a las 14:06

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.