WPF_Color_Assiant/WPFColorAssiant/MainWindow.xaml

<Controls:MetroWindow x:Class="WPFColorAssiant.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:Controls="http://metro.mahapps.com/winfx/xaml/controls"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="WPF颜色助手" Height="369" Width="625">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="200" />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <ListBox Name="ColorListBox" Grid.Column="0" SelectionChanged="ColorListBox_SelectionChanged">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <Rectangle HorizontalAlignment="Center" VerticalAlignment="Center" Width="16" Height="16" Fill="{Binding Path=SolidColorBrush}" Stroke="Black" />
                        <Label Content="{Binding Path=Name}" />
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
        <StackPanel Orientation="Vertical" Grid.Column="1">
            <StackPanel Orientation="Horizontal">
                <Rectangle Name="ColorViewBox" Width="64" Height="64" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="5" Stroke="Black" />
                <StackPanel Orientation="Vertical" Margin="5">
                    <StackPanel Orientation="Horizontal">
                        <Label Content="颜色名称： " />
                        <Label Name="vlb_ColorName" />
                        <Button Name="btn_CopyColorName" Content="复制" Click="btn_CopyColorName_Click" />
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <Label Content="十六进制(RGB)：" />
                        <Label Name="vlb_ColorHex" />
                        <Button Name="btn_CopyColorHex" Content="复制" Click="btn_CopyColorHex_Click" />
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <Label Content="十进制RGB：" />
                        <Label Content="R=" />
                        <Label Name="vlb_ColorR" />
                        <Label Content="G=" />
                        <Label Name="vlb_ColorG" />
                        <Label Content="B=" />
                        <Label Name="vlb_ColorB" />
                        <Button Name="btn_CopyRGB" Content="复制(R,G,B)格式" Click="btn_CopyRGB_Click" />
                    </StackPanel>

                </StackPanel>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="5">
                <Label Content="ScRGB：" />
                <StackPanel Orientation="Vertical" >
                    <StackPanel Orientation="Horizontal">
                        <Label Content="R=" />
                        <Label Name="vlb_ColorScR" />
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <Label Content="G=" />
                        <Label Name="vlb_ColorScG" />
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <Label Content="B=" />
                        <Label Name="vlb_ColorScB" />
                    </StackPanel>
                    <Button Name="btn_CopyScRGB" Content="复制(R,G,B)格式" Click="btn_CopyScRGB_Click" />
                </StackPanel>
            </StackPanel>
            <Label Content="颜色的文本示例：" Margin="6,5,5,5"/>
            <StackPanel Orientation="Horizontal" Margin="5">
                <StackPanel Orientation="Vertical">
                    <Button Name="Btn_AsForeground" Content="作为前景色" Click="Btn_AsForeground_Click"/>
                    <Button Name="Btn_AsBackground" Content="作为背景色" Click="Btn_AsBackground_Click"/>
                </StackPanel>
                <StackPanel Orientation="Vertical" Margin="5">
                    <Label Name="clb_l1" Content="Hello Gensokyo!" FontSize="30"/>
                    <Label Name="clb_l2" Content="the quick brown fox jumps over the lazy dog" />
                </StackPanel>
            </StackPanel>
        </StackPanel>
    </Grid>
</Controls:MetroWindow>