MainWindow.xaml

<Window x:Class="ColorPicker.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:ctrls="clr-namespace:ColorPicker.Controls"
        xmlns:vm="clr-namespace:ColorPicker.ViewModels"
        xmlns:local="clr-namespace:ColorPicker"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    
    <Window.DataContext>
        <vm:MainWindowViewModel/>
    </Window.DataContext>
    
    <Grid Background="Black">
        <Border BorderBrush="Gray" BorderThickness="1">
            <StackPanel VerticalAlignment="Center">
                <ctrls:ColorPicker R="{Binding R}" G="{Binding G}" B="{Binding B}" A="{Binding A}" H="{Binding H}" S="{Binding S}" V="{Binding V}"/>
                <TextBlock Text="{Binding RGBAInfo}" Foreground="WhiteSmoke" HorizontalAlignment="Center"/>
                <TextBlock Text="{Binding HSVAInfo}" Foreground="WhiteSmoke" HorizontalAlignment="Center"/>
            </StackPanel>
        </Border>
    </Grid>
</Window>