Ejemplos
#FF0000 (rojo puro: R=255, G=0, B=0)#00FF00 (verde puro: R=0, G=255, B=0)#0000FF (azul puro: R=0, G=0, B=255)#FFFFFF (blanco: R=255, G=255, B=255)#000000 (negro: R=0, G=0, B=0)#FF5733 (naranja rojizo: R=255, G=87, B=51)#3A7FD5 (azul medio: R=58, G=127, B=213)#FFF o #FFFFFF (notación corta)#FF000080 (rojo con 50% de opacidad)
Preguntas frecuentes
¿Cuál es la diferencia entre #RGB y #RRGGBB?
La notación corta (#RGB) es un atajo: cada dígito se duplica. #F00 = #FF0000, #ABC = #AABBCC. Usala para colores comunes; para precisión (ej: #3A7FD5), necesitas 6 dígitos. Ambas son válidas en CSS.
¿Cómo agrego transparencia a un hex?
Usa 8 dígitos: #RRGGBBAA. Los últimos dos son el canal alpha (00=transparente, FF=opaco). Ejemplo: #FF000080 es rojo con 50% de opacidad. Alternativa: rgba(255, 0, 0, 0.5) es más legible pero menos compacto.
¿Hex funciona igual en todos los monitores?
En teoría sí (sRGB estándar), pero monitores mal calibrados muestran colores distinto. Para precisión crítica (branding, impresión), calibrá monitores con colorímetros. En web, hex es suficientemente consistente para la mayoría de casos.