diff --git a/examples/detox/src/examples/Advanced.js b/examples/detox/src/examples/Advanced.js
index 08b8d0f..a6227da 100644
--- a/examples/detox/src/examples/Advanced.js
+++ b/examples/detox/src/examples/Advanced.js
@@ -173,7 +173,10 @@ export default class Advanced extends Component {
     {
       name: 'fadeToColor',
       component: (
-        <FadeToColor onChange={() => this.props.setBackground(randomColor())} />
+        <FadeToColor 
+          onChange={() => this.props.setBackground(randomColor())} 
+          setNone={() => this.props.setBackground("none")} 
+        />
       ),
     },
     {
diff --git a/examples/detox/src/propPickers/FadeToColor.js b/examples/detox/src/propPickers/FadeToColor.js
index 99534bf..58d5e13 100644
--- a/examples/detox/src/propPickers/FadeToColor.js
+++ b/examples/detox/src/propPickers/FadeToColor.js
@@ -3,6 +3,9 @@ import { Button } from 'react-native'
 
 export default class extends Component {
   render() {
-    return <Button title={'Change color'} onPress={this.props.onChange} />
+    return <>
+    <Button title={'Change color'} onPress={this.props.onChange} />
+    <Button title={'Set "none"'} onPress={this.props.setNone} />
+    </>
   }
 }
diff --git a/src/colorToHex.js b/src/colorToHex.js
index e4c00ff..18391a5 100644
--- a/src/colorToHex.js
+++ b/src/colorToHex.js
@@ -1,5 +1,6 @@
 export function colorToHex(c) {
   if (c === undefined) return c
+  if (c === "none") return c
   if (c.includes('rgb')) return rgb2hex(c)
   if (c.includes('#')) {
     if (!isValidHex(c)) throw Error('Invalid color: ' + c)