<s:BorderContainer borderWeight="4"
				   cornerRadius="4"
				   width="150" height="150">

	<s:VGroup top="10">
		<components:ColorSegment id="redSegment"
								 color="red"
								 text="R"/>
		<components:ColorSegment id="greenSegment"
								 color="green"
								 text="G"/>
		<components:ColorSegment id="blueSegment"
								 color="blue"
								 text="B"/>
	</s:VGroup>
	<s:SkinnableContainer id="colorBar"
						  left="75" top="10" right="10" bottom="39"
						  backgroundColor="black"
						  />
	<s:Label id="colorHex"
			 bottom="10" right="75"
			 fontSize="12"
			 fontWeight="bold"
			 text="#{redSegment.value+greenSegment.value+blueSegment.value}"/>

	<s:Button label="Apply"
			  left="75"
			  right="10"
			  bottom="10"
			  click="onApply()"/>

</s:BorderContainer>