Xatools by 3men2

Herramientas para Xat

 @Marv (1997)
xat.com ↗

Convertidor de Namegrad para xat

Pega tu estilo HTML o CSS

Parámetros del Convertidor Se auto-detectan desde el CSS; puedes ajustarlos

Cómo traduce xat el código a CSS (ingeniería inversa de MakeGrad)
  • Los colores del código se invierten: el último color del código es el primer stop del CSS, y xat repite el primer stop al final para cerrar el ciclo.
  • Si no hay r, xat usa r45. Con el power Namewave (NW) el valor se recorta a −45…45 (r50, r100, r120… se ven exactamente igual que r45) y se remapea: rot = r > 0 ? 90 − r : −90 − r; el ángulo CSS es −rot. Así r45 → −45deg, r0 → 90deg, r−45 → 45deg, r20 → −70deg.
  • Primer stop % = (90 − |rot|) / 15 × rep / 100, donde rep = 100 (normal), 50 (o2) o 33.3 (o3). El último stop queda en rep / 2.
  • f1 = 1s, f3 = 2s, f4 = 4s de animation-duration. Con NW y sin f, xat aplica f4 (4s) por defecto.
  • El glow se lee del text-shadow del <span class="userNick nameGlow"> interno; si no hay, es glow#0. Copia el outerHTML completo del span.userNick.clip.nameWave para incluirlo.
  • Sin el power Namewave no se aplican o/f y los stops se reparten de 0 % a 100 %.
  • Máximo 15 colores; con menos de 2 xat pone el arcoíris por defecto.

Vista Previa (render idéntico a xat)

TU_NICK TU_NICK

Código Listo para Copiar

Paleta (orden del código xat)

0 Colores

Pega un código arriba para extraer la paleta

Pega el style que muestra el inspector del navegador (DevTools) sobre cualquier nick de xat y obtén el código namegrad exacto, con los colores, la rotación y el glow correctos. También funciona al revés: pega un código xat y verás el CSS con el que el cliente HTML5 de xat lo dibuja.

Preguntas frecuentes

¿Cómo copio el estilo de un nick desde xat?+

Haz clic derecho sobre el nick en el chat, elige "Inspeccionar" y copia el atributo style del span con clase clip o nameWave. Pégalo aquí y el convertidor extrae los colores y la rotación.

¿Por qué mi código no coincide con el original?+

xat aplica reglas propias: invierte el orden de los colores, limita la rotación a ±45 con namewave y usa 45 como valor por defecto. El convertidor replica esas reglas a partir del código del cliente oficial.

¿Qué powers necesito para usar el código?+

Namegrad para el gradiente, Nameglow para el brillo y Namewave si quieres la animación. Puedes consultarlos en nuestro catálogo de powers.