Namegrad Converter: HTML/CSS to xat code and back

Paste your HTML or CSS style

Converter parameters Auto-detected from the CSS; you can adjust them

Glow color No glow (#0)

Rotation (r) with NW: −45…45, default 45 r45

Wave speed (f) = animation-duration

Gradient repetition (o) = last stop %

I have the Namewave power (NW)

Lowercase hex codes

Do not reverse colors (xat reverses them when rendering; leave it off)

Always write r and f (even if they are the defaults r45 / f4)

How xat turns the code into CSS (MakeGrad reverse-engineered)

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 %.
Max 15 colors; with fewer than 2 xat uses the default rainbow.

Preview (identical to xat rendering)

TU_NICK TU_NICK

Code ready to copy

Palette (xat code order)

0 Colors

Paste a code above to extract the palette

Frequently asked questions

How do I copy a nick style from xat?+

Right-click the nick in the chat, choose "Inspect" and copy the style attribute of the span with the clip or nameWave class. Paste it here and the converter extracts the colours and rotation.

Why doesn't my code match the original?+

xat applies its own rules: it reverses the colour order, clamps the rotation to ±45 with namewave and uses 45 as the default. The converter replicates those rules from the official client code.

Which powers do I need to use the code?+

Namegrad for the gradient, Nameglow for the glow and Namewave for the animation. You can look them up in our powers catalogue.