Expanda un color hexadecimal abreviado

Introduzca un valor como #3a7 y obtenga #33aa77, listo para hojas de estilo, tokens de diseño, archivos de configuración o API que exijan la notación larga. La herramienta valida toda la entrada antes de expandirla, por lo que los colores de seis dígitos, las variantes alfa, los caracteres incorrectos y los valores incompletos producen un error claro. La salida se normaliza en minúsculas e incluye siempre la almohadilla inicial para usarla directamente en CSS.

Cómo funciona la expansión hexadecimal de tres dígitos

Un color hexadecimal CSS describe normalmente el rojo, el verde y el azul mediante dos dígitos por canal. En la forma abreviada, cada canal utiliza un solo dígito. La expansión no agrega ceros ni estima un tono cercano: repite cada dígito original. Por eso, #3a7 se convierte en #33aa77: el 3 rojo pasa a 33, la a verde pasa a aa y el 7 azul pasa a 77. Esta repetición conserva exactamente el color que representa la abreviatura conforme a las reglas de CSS. El expansor admite letras hexadecimales mayúsculas o minúsculas y normaliza la respuesta a minúsculas, lo que uniforma la configuración generada sin cambiar el color. La almohadilla inicial es opcional en la entrada, pues los valores procedentes de hojas de cálculo, argumentos de consola o formularios suelen omitirla. El valor completo devuelto siempre la incluye, y otro campo ofrece los seis dígitos sin ella para sistemas que guardan texto hexadecimal puro. No hay conversión de espacio de color ni redondeo: se trata de una transformación directa y determinista de caracteres.

Qué se considera una entrada válida

Una entrada válida contiene exactamente tres dígitos hexadecimales después de una almohadilla inicial opcional. Se permiten los dígitos del 0 al 9 y las letras de A a F, en mayúsculas o minúsculas. Valores como #09f, abc y F0C son válidos; #12, #1234, #112233, red, 0xabc y #ggg no lo son. Esta regla estricta importa porque varios formatos parecidos tienen significados distintos. Cuatro dígitos pueden representar una abreviatura con canal alfa, mientras que seis dígitos ya están expandidos; aceptar cualquiera de ellos silenciosamente haría que la capacidad incumpliera su propósito. Se elimina el espacio exterior para facilitar el uso desde formularios y el portapapeles, pero los espacios dentro del color siguen siendo inválidos. La entrada debe ser una cadena, ya que un número podría perder ceros iniciales significativos antes de llegar al expansor. Si la validación falla, la API devuelve un error de entrada no válida que explica la forma requerida. Así, los flujos automatizados detectan los fallos y evitan escribir valores defectuosos en hojas de estilo o colecciones de tokens.

Cómo usar el color expandido en un flujo de trabajo

Utilice el valor expandido cuando una herramienta posterior, un esquema o una convención de equipo exija colores de seis dígitos. Un script de migración puede normalizar tokens antiguos antes de compararlos; un importador de sistemas de diseño puede convertir valores compactos antes de guardar tokens canónicos; y una canalización de validación puede rechazar nombres accidentales o formas alfa en su límite. Como la salida es texto estable en minúsculas, las llamadas repetidas con distintas mayúsculas producen el mismo resultado canónico, lo que mantiene ordenados los diffs y las claves de caché. El ejecutor del navegador usa la misma lógica pura que la API, de modo que un valor comprobado de forma interactiva se comporta igual al automatizarse. La operación no depende de la red ni consulta bases de colores externas. Envíe una abreviatura en el campo hex y lea expanded para obtener un valor CSS, o expanded_no_hash si otro formato añade su propio prefijo. La ejecución por API cuesta $0.002 por solicitud. Para RGB, HSL, nombres, mezclas o contraste, utilice una capacidad específica de conversión de color.