Saltar al contenido
es
Todas las herramientas

Categorías

Herramientas para desarrolladoresCodificación y decodificaciónJSON y datosHash y checksumHerramientas de textoFecha y horaHerramientas de redHerramientas de archivosMarkdown y diagramas

Convertidor kebab-case

Convierta títulos, nombres de variables y frases en identificadores separados por guiones para clases CSS, URL, nombres de archivo y claves de configuración.

Procesado localmente en tu navegador

Opciones
0 caracteres · 0 líneas
El resultado aparecerá aquí.

¿Qué es Convertidor kebab-case?

El kebab case escribe las palabras en minúscula unidas por guiones: mi-clase-css. Es el estilo habitual de las clases CSS, los atributos HTML, las rutas de URL, los nombres de paquetes npm, los nombres de archivo y las opciones de línea de comandos; otras comunidades lo llaman dash-case o lisp-case. El mismo patrón existe como Train-Case (Mi-Clase-Css) y COBOL-CASE (MI-CLASE-CSS), usados en cabeceras HTTP y código heredado.

El convertidor detecta las palabras de cualquier entrada —una frase, un nombre camelCase o PascalCase, snake_case, texto con puntos o barras—, separa antes de las mayúsculas y alrededor de los números y las une con guiones. El estilo slug de URL actúa distinto a propósito: mantiene juntas las palabras camelCase, elimina apóstrofos y símbolos y translitera los acentos latinos, de modo que «Café Crème Brûlée!» pasa a cafe-creme-brulee.

¿Cómo funciona?

  1. Pegue sus nombres, títulos o frases, uno por línea.
  2. Elija kebab-case, Train-Case, COBOL-CASE o slug de URL en la lista Estilo.
  3. Marque quitar acentos para una salida solo ASCII, fije una longitud máxima si necesita nombres cortos y decida si se separan números y letras.
  4. Copie el resultado; cada línea se convierte de forma independiente salvo que desactive la opción por línea.

Casos de uso habituales

  • Nombrar clases CSS, bloques BEM o atributos HTML personalizados a partir de un token de diseño o una etiqueta.
  • Crear nombres coherentes de archivos, carpetas o paquetes npm a partir de títulos de artículos.
  • Convertir claves JSON en camelCase o nombres tipo variable de entorno en claves de configuración con guiones.
  • Generar nombres de cabeceras HTTP en Train-Case como Content-Type o X-Request-Id.

Ejemplos

Prueba esta entrada en la herramienta de arriba:

Entrada
userFirstName
HTTPResponseCode
My Blog Post: Café & Crème Brûlée!
get_user_by_id
version2Beta
Salida
user-first-name
http-response-code
my-blog-post-café-crème-brûlée
get-user-by-id
version-2-beta

Privacidad

Convertidor kebab-case se ejecuta por completo en tu navegador. El texto o los archivos que proporcionas se procesan en tu dispositivo y no se suben, registran ni almacenan en nuestros servidores.

Limitaciones

El kebab-case descarta todo lo que no sea letra o dígito, incluidos guiones bajos y puntuación. Las letras no latinas como el árabe o el cirílico se conservan, pero no se translitera a ASCII.

Preguntas frecuentes

¿Qué diferencia hay entre kebab-case y snake_case?

Ambos son listas de palabras en minúscula; el kebab-case las une con guiones (mi-nombre) y el snake_case con guiones bajos (mi_nombre). El guion es válido en CSS y URL, pero no en la mayoría de los nombres de variable.

¿En qué se diferencia el slug de URL del kebab-case?

El slug trata el texto como un título: no divide las palabras camelCase, elimina apóstrofos y símbolos y siempre quita los acentos latinos. El kebab-case divide primero los límites camelCase y de siglas.

¿Qué son Train-Case y COBOL-CASE?

Train-Case pone mayúscula a cada palabra (Accept-Language) y COBOL-CASE escribe todas las letras en mayúscula (ACCEPT-LANGUAGE). Ambos conservan los guiones del kebab-case.

Herramientas relacionadas

Más herramientas en Herramientas de texto →