Tooltips CSS
Tooltips con CSS puro, sin JavaScript: colores, posición y texto a tu gusto. Código listo, gratis.
Resultado
¿Cómo usar esta herramienta?
Tooltips con CSS puro (sin JavaScript).
Escribe tus datos, pulsa Generar CSS y obtén el resultado al instante. Puedes copiarlo con el botón «Copiar resultado». Todo se calcula en tu navegador: tus datos no salen de tu dispositivo.
Preguntas frecuentes
¿Cómo creo un tooltip CSS?
Elige los colores, la posición y el texto; pulsa Generar CSS para obtener tu tooltip con CSS puro, sin JavaScript.
¿Necesita JavaScript?
Sí, usa solo CSS (pseudo-elementos y :hover): no necesitas JavaScript ni librerías.
¿En qué posición aparece?
Arriba, abajo, izquierda o derecha del elemento: elige la que no tape contenido importante.
¿Se guardan mis datos en algún servidor?
No. Los cálculos ocurren localmente en tu navegador; no enviamos tu información a ningún servidor.
Herramientas relacionadas de Color y diseño
Acordeón CSS
Acordeón desplegable con CSS puro, sin JavaScript: define tus secciones y copia el HTML+CSS.
Usar gratisHEX a RGB
Convierte cualquier color hexadecimal a sus valores RGB al instante.
Usar gratisRGB a HEX
Convierte valores RGB (0–255) a código hexadecimal listo para tu CSS.
Usar gratisGenerador de paletas
Elige un color base y genera paletas armónicas: análoga, complementaria, triádica y más.
Usar gratisContraste WCAG
Comprueba si tu combinación de colores cumple WCAG 2.
Usar gratisDegradado CSS
Crea degradados lineales o radiales y copia el código CSS listo para usar.
Usar gratis