Hex de 3 vs 6 dígitos: cuándo funciona

#FFF y #FFFFFF se renderizan como un blanco puro idéntico en cualquier navegador — la forma de 3 dígitos no es una aproximación más burda de la de 6 dígitos, sino un atajo exacto definido por la especificación CSS. Pero esa equivalencia solo se cumple para un subconjunto concreto de colores: el atajo funciona duplicando cada dígito, así que solo puede representar colores en los que cada canal resulta ser un par repetido, como FF, 66 o 00. La mayoría de los colores no cumplen esa condición y sencillamente no se pueden escribir en 3 dígitos.

La regla de expansión

Según el W3C CSS Color Module, un color hex de 3 dígitos #RGB se expande a 6 dígitos duplicando cada carácter: #RGB se convierte en #RRGGBB. Así, #F63 se expande a #FF6633 — la F se convierte en FF, el 6 en 66, el 3 en 33. Es una repetición de dígitos puramente mecánica, no una interpolación ni un redondeo — no existe un color intermedio entre #FF6633y ningún valor de 6 dígitos vecino hacia el que el atajo esté «promediando».

Qué colores califican para el atajo

En la práctica, solo una pequeña fracción de los 16,7 millones de colores que puede representar un código hex de 6 dígitos es apta para el atajo — exactamente 16 × 16 × 16 = 4.096 de 16.777.216, ya que cada canal queda restringido a uno de los 16 valores de dígito duplicado en lugar de los 256 valores de byte posibles. La mayoría de los colores de marca reales, los colores muestreados de fotos y las exportaciones de herramientas de diseño caen fuera de ese conjunto y se quedan en 6 dígitos.

Por qué importa al escribir CSS

El atajo es pura conveniencia para escribir a mano un pequeño número de colores redondos y comunes (blanco puro, negro puro, rojo/verde/azul primarios) — ahorra tres caracteres y nada más. No hay diferencia de rendimiento ni de renderizado entre las dos formas, así que la mayoría de los colores generados o copiados y pegados (desde un selector de color o exportados desde software de diseño) simplemente se quedan en 6 dígitos, porque rara vez coinciden por casualidad con un valor de dígito duplicado. Si no estás seguro de si un valor hex es válido o quieres los números RGB equivalentes sin importar la cantidad de dígitos, un conversor de hex a RGB maneja ambas formas de manera idéntica.