dela upp värde

håller på att göra en egen sida där besökarna kan välja färg och jag har en fråga.

har en textbox (text1) men ett färgkod, låt oss säga #DDEEFF.
har följande kod:

<input type="text1" name="text1"><br>
<input type="r" name="text1"><br>
<input type="g" name="text1"><br>
<input type="b" name="text1">

nu skulle jag vilja att värdet i text1 delas upp på de andra när den ändras så att DD hamnas i r, EE hamnar i g, BB hamnar i b.

förstår ni hur jag menar?

<script type="text/javascript">
function delaUpp(theForm){
    var offset = 0;
    if(theForm.RGB.value.indexOf("#")!=-1)
        offset++;
    theForm.R.value = theForm.RGB.value.substr(offset, 2);
    theForm.G.value = theForm.RGB.value.substr(offset+2, 2);
    theForm.B.value = theForm.RGB.value.substr(offset+4, 2);
}
</script>

...

<form>
RGB: <input type="text" name="RGB" /><br />
<br />
R: <input type="text" name="R" readonly="readonly" /><br />
G: <input type="text" name="G" readonly="readonly" /><br />
B: <input type="text" name="B" readonly="readonly" /><br />
<input type="button" onclick="delaUpp(this.form)" value="Dela upp" />
</form>