The hex color code works when changing colors when we click , but the color id doesnt

import Qt 4.7

Rectangle {
    width: 800
    height: 480
    Rectangle{
        id:rect
        width:50;height:50
        pos.x: 10
        pos.y:10
        radius:10
        color:"red";
    }

    Text {
        id: text1
        text: "Hello World"
        color: "red"
        anchors.centerIn: parent
        MouseArea{
            anchors.fill: parent
            onClicked: {
                console.log("Clicked"+text1.color); 
                // This works 
                text1.color =(text1.color=="#ff0000"?"#008000":"#ff0000") 
                rect.color =(rect.color=="#ff0000"?"#008000":"#ff0000")

                // This doesnt work
//                text1.color =(text1.color=="red"?"green":"red")
//                rect.color =(rect.color=="red"?"green":"red")
            }
        }
    }
}