diff --git a/src/Avalonia.Controls.ColorPicker/ColorView/ColorView.Properties.cs b/src/Avalonia.Controls.ColorPicker/ColorView/ColorView.Properties.cs
index 328095b2db..cf9585dba1 100644
--- a/src/Avalonia.Controls.ColorPicker/ColorView/ColorView.Properties.cs
+++ b/src/Avalonia.Controls.ColorPicker/ColorView/ColorView.Properties.cs
@@ -336,6 +336,10 @@ namespace Avalonia.Controls
             set => SetValue(IsComponentTextInputVisibleProperty, value);
         }
 
+        /// <summary>
+        /// Gets or sets a value indicating whether the hexadecimal color value text input
+        /// is visible.
+        /// </summary>
         public bool IsHexInputVisible
         {
             get => GetValue(IsHexInputVisibleProperty);
diff --git a/src/Avalonia.Controls.ColorPicker/Themes/Fluent/ColorView.xaml b/src/Avalonia.Controls.ColorPicker/Themes/Fluent/ColorView.xaml
index 6e24626653..1b5230eabb 100644
--- a/src/Avalonia.Controls.ColorPicker/Themes/Fluent/ColorView.xaml
+++ b/src/Avalonia.Controls.ColorPicker/Themes/Fluent/ColorView.xaml
@@ -352,7 +352,8 @@
                                  IsChecked="{TemplateBinding ColorModel, Converter={StaticResource EnumToBoolean}, ConverterParameter={x:Static local:ColorModel.Hsva}, Mode=TwoWay}" />
                   </Grid>
                   <Grid x:Name="HexInputGrid"
-                        Grid.Column="2">
+                        Grid.Column="2"
+                        IsVisible="{TemplateBinding IsHexInputVisible}">
                     <Grid.ColumnDefinitions>
                       <ColumnDefinition Width="30" />
                       <ColumnDefinition Width="*" />