Conversor de kebab-case a camelCase — Gratis online

Convierte de kebab-case a camelCase al instante: pega el nombre de una variable, función o columna y copia el resultado, con ejemplos.

Converter

camelCase, snake_case, kebab-case y Cada Estilo Intermedio

Convierte un identificador o frase entre 17 convenciones de mayúsculas

—

Los resultados se ofrecen solo con fines informativos y pueden contener errores. Verifica la información importante de forma independiente. El uso de esta herramienta es bajo tu propia responsabilidad.

Cómo convertir de kebab-case a camelCase

Convierte nombres en kebab-case a camelCase al instante. Escribe o pega el nombre de una variable, función o columna y obtén la versión en camelCase mientras escribes.

  1. Escribe o pega un nombre en kebab-case, por ejemplo main-nav-item, en el cuadro de arriba.
  2. La versión en camelCase aparece enseguida: main-nav-item se convierte en mainNavItem.
  3. Copia el resultado o elige uno de los 17 estilos de nombres en los cuadros de origen y destino.

Cómo funciona la conversión

El conversor primero divide el nombre en palabras: en cada mayúscula, guion bajo, guion, punto y espacio. Después escribe las palabras en camelCase: la primera palabra en minúsculas, las siguientes con inicial mayúscula y sin separadores. Las secuencias de mayúsculas como HTTP se mantienen juntas como una sola palabra, y los dígitos quedan unidos a la palabra a la que siguen.

Ejemplos de kebab-case a camelCase

kebab-casecamelCase
main-nav-itemmainNavItem
font-sizefontSize
background-colorbackgroundColor
is-openisOpen
data-test-iddataTestId
aria-labelariaLabel

Qué son kebab-case y camelCase

kebab-case escribe todas las palabras en minúsculas y las une con guiones. Se usa en URL, clases de CSS, atributos HTML y nombres de archivo.

camelCase empieza con una palabra en minúsculas y pone en mayúscula la inicial de cada palabra siguiente, sin separadores. Es el estándar para variables y funciones en JavaScript, Java, C# y Swift.

Preguntas frecuentes

¿Qué pasa con siglas como HTTP o ID?

Una secuencia de mayúsculas se trata como una sola palabra, así que parseHTTPResponse se convierte en parse_http_response en snake_case.

¿Cambia el significado de mi código?

No. Solo reescribe el nombre. Recuerda cambiarlo en todos los lugares donde se usa, o tu código buscará el nombre antiguo.

¿Qué estilo debo usar?

Sigue la convención de tu lenguaje o proyecto: camelCase en JavaScript y Java, snake_case en Python, Ruby y SQL, y kebab-case en URL y CSS.

¿Esta herramienta es gratuita?

Sí, es gratis. Sin registro ni correo electrónico. Obtén el resultado en esta página.

¿Cómo obtengo el resultado?

Usa la herramienta en esta página. El resultado aparece aquí, sin envío por correo electrónico.