Parâmetros do conversor
Detectados automaticamente do CSS; você pode ajustá-los
Rotação (r) com NW: −45…45, padrão 45r45
Velocidade da onda (f) = animation-duration
Repetição do gradiente (o) = último stop %
Tenho o power Namewave (NW)
Códigos hex em minúsculas
Não inverter cores (o xat inverte ao renderizar; deixe desligado)
Sempre escrever r e f (mesmo que sejam os padrões r45 / f4)
Como o xat traduz o código em CSS (engenharia reversa do 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 cores; com menos de 2 o xat usa o arco-íris padrão.
Pré-visualização (render idêntico ao xat)
TU_NICKTU_NICK
Código pronto para copiar
Paleta (ordem do código xat)
0 Cores
Cole um código acima para extrair a paleta
Cole o style que o inspetor do navegador (DevTools) mostra em qualquer nick do xat e obtenha o código namegrad exato, com as cores, a rotação e o glow corretos. Também funciona ao contrário: cole um código xat e veja o CSS com que o cliente HTML5 do xat o desenha.
Perguntas frequentes
Como copio o estilo de um nick do xat?+
Clique com o botão direito no nick do chat, escolha "Inspecionar" e copie o atributo style do span com classe clip ou nameWave. Cole aqui e o conversor extrai as cores e a rotação.
Por que meu código não bate com o original?+
O xat aplica regras próprias: inverte a ordem das cores, limita a rotação a ±45 com namewave e usa 45 como padrão. O conversor replica essas regras a partir do código do cliente oficial.
Quais powers preciso para usar o código?+
Namegrad para o gradiente, Nameglow para o brilho e Namewave para a animação. Consulte-os no nosso catálogo de powers.