NaN on selecting color can't select color
``` jsx
constructor() {
  super(
    this.state = {
    color: '#333'
  }
  this.onChange = color => {
    console.log(color)
    this.setState({ color: '#' + color.hex })
  }
}

render() {
  return (
    <div className="demo">
      <ColorPicker color={this.state.color} type="chrome" onChangeComplete={this.onChange}/>
    </div>
  )
}
```

When I click on the color picker I get the following value logged from onChange:

``` json
{
  "hsl": {
    "h": null,
    "s": null,
    "l": null,
    "a": 1
  },
  "hex": "00NaNNaN",
  "rgb": {
    "r": 0,
    "g": null,
    "b": null,
    "a": 1
  },
  "hsv": {
    "h": null,
    "s": null,
    "v": null,
    "a": 1
  },
  "oldHue": null
}
```
