Scrollbar CSS
Personaliza la barra de desplazamiento: colores, ancho y radio para WebKit y Firefox. Gratis y sin registro.
Resultado
¿Cómo usar esta herramienta?
Personaliza la barra de desplazamiento (WebKit + Firefox).
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 personalizo la scrollbar?
Elige los colores de la pista y la barra, el ancho y el radio; pulsa Generar CSS para obtener el código listo.
¿Funciona en todos los navegadores?
Genera el código para WebKit (Chrome, Edge, Safari) y para Firefox, cubriendo los navegadores principales.
¿Dónde pego el código?
Pega el código en tu hoja de estilos; la personalización se aplicará a las barras de desplazamiento de tu página.
¿Tiene algún costo?
No, es 100% gratis. Puedes usarla todas las veces que quieras sin pagar nada.
Herramientas relacionadas de Color y diseño
Breakpoints responsive
Medidas estándar para diseño responsive con media queries listas para copiar.
Usar gratisBadges CSS
Crea insignias y píldoras (badges) con CSS: colores, texto y forma a tu gusto.
Usar gratisTooltips CSS
Tooltips con CSS puro, sin JavaScript: colores, posición y texto a tu gusto.
Usar gratisAcordeó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 gratis