Static html which will add different colours in html depending to the tone, to Chinese characters and jyutping.
Colours by tone:
| Tone | Colour |
|---|---|
| First | red |
| Second | green |
| Third | blue |
| Fourth | orange |
| Fifth | purple |
| Sixth | grey |
#Example
Go to http://jesus-.github.io/Add-colour-cantonese-jyutping/ and copy and paste:
而家你哋聽住我講 andji4 gaa1 nei5 dei6 teng1 zyu6 ngo5 gong2..
You will have as result:
<font color="orange">而</font><font color="blue">家</font><font color="purple">你</font><font color="grey">哋</font><font color="red">聽</font><font color="grey">住</font><font color="purple">我</font><font color="orange">講</font>
<font color="orange">ji4</font> <font color="blue">gaa3</font> <font color="purple">nei5</font> <font color="grey">dei6</font> <font color="red">teng1</font> <font color="grey">zyu6</font> <font color="purple">ngo5</font> <font color="orange">gong4.</font>