diff --git a/share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/ColorEditor.qml b/share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/ColorEditor.qml
index e2b9ad9a8f2..bd53f75ac03 100644
--- a/share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/ColorEditor.qml
+++ b/share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/ColorEditor.qml
@@ -69,8 +69,10 @@ Column {
         if (!gradientLine.isCompleted)
             return;
 
-        if (supportGradient && gradientLine.visible)
+        if (supportGradient && gradientLine.hasGradient) {
             gradientLine.currentColor = color
+            textField.text = convertColorToString(color)
+        }
 
         if (buttonRow.checkedIndex !== 1)
             //Delay setting the color to keep ui responsive