Convertidor de caracteres Kebab — Herramienta gratuita en línea
¿Qué es Convertidor de casos de kebab?
El «kebab case» (kebab-case) es una convención de nomenclatura que une las palabras con guiones y convierte todas las letras a minúsculas. El resultado tiene este aspecto: esto-es-kebab-case — las palabras se encadenan con guiones, imitando los ingredientes de una brocheta de kebab.
Es el formato estándar para los nombres de clases CSS, los slugs de URL, los atributos id y data de HTML, y los nombres de archivos en muchos marcos de trabajo web. Esta herramienta convierte cualquier entrada —texto sin formato, camelCase, snake_case o PascalCase— en una salida limpia y apta para URL en kebab-case que puedes utilizar de inmediato.
¿Cuándo usar Convertidor de casos de kebab?
Utiliza el formato «kebab-case» para los nombres de clases CSS y los selectores de estilo BEM, los slugs de URL para entradas de blog y páginas de productos, los atributos de datos HTML y las claves de configuración en archivos YAML. Los desarrolladores front-end que alternan entre los nombres de propiedades en «camelCase» de JavaScript y sus equivalentes en «kebab-case» de CSS (por ejemplo, backgroundColor → background-color) utilizan esta herramienta con frecuencia. A los profesionales del SEO que generan slugs de URL limpios les resultará útil: los motores de búsqueda tratan los guiones como separadores de palabras, lo que hace que el kebab-case sea naturalmente compatible con el SEO.
Para la generación de slugs de URL con sanitización adicional, prueba el Generador de slugs de URL. Para la denominación en Python o en bases de datos, utiliza el Convertidor de Snake Case.
Cómo usar esta herramienta
- 1Enter your text or phrase
- 2Click 'Convert' to get kebab-case
- 3Copy your URL-friendly slug
La herramienta elimina los caracteres especiales, convierte todo a minúsculas y sustituye los espacios, los guiones bajos, los puntos y los delimitadores de camelCase por guiones. El resultado es siempre una cadena limpia, en minúsculas y separada por guiones.
Ejemplos
| Input | Output |
|---|---|
| Hello World | hello-world |
| backgroundColor | background-color |
| my_variable_name | my-variable-name |
| The Quick Brown Fox | the-quick-brown-fox |
| user_id_column | user-id-column |
Reglas y comportamiento
- Todas las palabras se convierten a minúsculas. Independientemente del formato de entrada —mayúsculas, mayúsculas iniciales, camelCase—, todas las letras del resultado serán minúsculas.
- Las palabras se separan mediante guiones (-). Los espacios, los guiones bajos, los puntos y las transiciones de letras en camelCase se sustituyen por guiones simples para obtener un formato kebab-case limpio.
- Se eliminan los caracteres especiales y los signos de puntuación. Solo quedan las letras (a–z), los números (0–9) y los guiones, lo que hace que el resultado sea seguro para su uso en URL, selectores CSS y atributos HTML.
Herramientas relacionadas
Preguntas frecuentes
¿Qué es «kebab-case»?
«kebab-case» es una convención de nomenclatura en la que las palabras se escriben en minúsculas y se separan con guiones, como «mi-nombre-de-componente». Se asemeja a los ingredientes ensartados en una brocheta de kebab. Es el estándar para los nombres de clases CSS, los atributos HTML, las rutas URL y los nombres de archivos en muchos marcos de trabajo web, incluidos Angular y Ember.
¿Cuándo se utiliza «kebab-case»?
Los nombres de clases CSS (.nav-bar, .btn-primary), los atributos id de HTML, los slugs de URL (/blog/my-post-title), los identificadores de Lisp y Clojure, los selectores de componentes de Angular y las claves de configuración de YAML utilizan todos el formato «kebab-case». También es el formato predeterminado para los nombres de paquetes de npm y para muchos nombres de comandos de la interfaz de línea de comandos (CLI).
¿«kebab-case» es lo mismo que «spinal-case» o «lisp-case»?
Sí, son idénticos: todas las palabras en minúsculas separadas por guiones. El nombre varía según la comunidad: los desarrolladores web lo llaman «kebab-case», los programadores de Lisp lo llaman «lisp-case» y algunos lo denominan «spinal-case». Nuestra herramienta genera el mismo resultado independientemente del nombre que le des.
¿Por qué es recomendable el formato «kebab-case» para las URL?
Los motores de búsqueda como Google interpretan los guiones como separadores de palabras, por lo que las URL en «kebab-case» (por ejemplo, /best-free-tools) se indexan correctamente como palabras clave independientes. Los guiones bajos en las URL en «snake-case» (/snake-case-converter/) se interpretan como uniones de palabras, por lo que los guiones son la mejor opción para crear slugs de URL optimizados para SEO.
¿Puedo convertir PascalCase a kebab-case?
Sí. La herramienta detecta los cambios de mayúsculas y minúsculas en las entradas escritas en PascalCase y camelCase e inserta guiones en cada límite. Por ejemplo, «MyComponentName» se convierte en «my-component-name» y «backgroundColor» se convierte en «background-color».