diff --git a/share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/ColorEditor.qml b/share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/ColorEditor.qml
index 733f5454dba05d29cde8c3bf9c31f5ea3bb6d73c..e2b9ad9a8f2803b176352823798add04e47c56c0 100644
--- a/share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/ColorEditor.qml
+++ b/share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/ColorEditor.qml
@@ -68,7 +68,6 @@ Column {
     onColorChanged: {
         if (!gradientLine.isCompleted)
             return;
-        textField.text = gradientLine.colorToString(color);
 
         if (supportGradient && gradientLine.visible)
             gradientLine.currentColor = color
@@ -132,6 +131,8 @@ Column {
             LineEdit {
                 id: textField
 
+                hasToConvertColor: true
+
                 validator: RegExpValidator {
                     regExp: /#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?/g
                 }
@@ -141,8 +142,9 @@ Column {
                 backendValue: colorEditor.backendendValue
 
                 onAccepted: {
-                    colorEditor.color = textField.text
+                    colorEditor.color = colorFromString(textField.text)
                 }
+
                 Layout.fillWidth: true
             }
             ColorCheckButton {