Modifying a color’s brightness in Flex 4

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2009/10/14/modifying-a-colors-brightness-in-flex-4/ -->
<s:Application name="Spark_HSBColor_convertHSBtoRGB_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/halo"
        creationComplete="setBrightness();">
    <s:controlBarContent>
        <mx:Form backgroundAlpha="0.0" paddingTop="0" paddingBottom="0">
            <mx:FormItem label="color:">
                <mx:ColorPicker id="colorPicker"
                        selectedColor="red"
                        change="setBrightness();" />
            </mx:FormItem>
            <mx:FormItem label="brightness:">
                <s:HSlider id="slider"
                        minimum="0.0" maximum="1.0"
                        value="1.0"
                        snapInterval="0.01" stepSize="0.01"
                        valueCommit="setBrightness();" />
            </mx:FormItem>
        </mx:Form>
    </s:controlBarContent>
 
    <fx:Script>
        <![CDATA[
            import mx.utils.HSBColor;
 
            protected function modifyBrightness(color:uint, brightness:Number):uint {
                var hsbColor:HSBColor = HSBColor.convertRGBtoHSB(color);
                hsbColor.brightness = brightness;
                return HSBColor.convertHSBtoRGB(hsbColor.hue, hsbColor.saturation, hsbColor.brightness);
            }
 
            protected function setBrightness():void {
                fillCol.color = modifyBrightness(colorPicker.selectedColor, slider.value);
            }
 
            protected function formatRGB(value:uint):String {
                var str:String = String("000000" + value.toString(16)).substr(-6);
                return "#" + str.toUpperCase();
            }
        ]]>
    </fx:Script>
 
    <s:Rect id="rect"
            left="50" right="50" top="50" bottom="50">
        <s:fill>
            <s:SolidColor id="fillCol" />
        </s:fill>
    </s:Rect>
 
    <s:Label id="lbl"
            text="{formatRGB(fillCol.color)}"
            horizontalCenter="0" bottom="10" />
 
</s:Application>