diff --git a/Colorful/Classes/ColorPicker.swift b/Colorful/Classes/ColorPicker.swift
index a89bafb..bea72ce 100644
--- a/Colorful/Classes/ColorPicker.swift
+++ b/Colorful/Classes/ColorPicker.swift
@@ -17,6 +17,28 @@ public final class ColorPicker: UIControl {
             return hsvColor.uiColor
         }
     }
+    
+    public var isBrightnessSliderHidden: Bool {
+        set(hidden) {
+            setBrightness(hidden ? brightnessLevel : brightnessSlider.brightness)
+            brightnessSlider.isHidden = hidden
+            brightnessCursor.isHidden = hidden
+            layoutSubviews(withBrightnessSlider: !hidden)
+            layoutIfNeeded()
+        }
+        get {
+            return brightnessSlider.isHidden
+        }
+    }
+    
+    public var brightnessLevel: CGFloat {
+        set(level) {
+            setBrightness(level)
+        }
+        get {
+            return hsvColor.brightness
+        }
+    }
 
     private let brightnessCursor = BrightnessCursor()
     private let brightnessSlider = BrightnessSlider()
@@ -27,6 +49,9 @@ public final class ColorPicker: UIControl {
 
     private let feedbackGenerator = UISelectionFeedbackGenerator()
     
+    private var layoutWithBrightness: [NSLayoutConstraint] = []
+    private var layoutWithoutBrightness: [NSLayoutConstraint] = []
+    
     public override init(frame: CGRect) {
         super.init(frame: frame)
         setup()
@@ -42,6 +67,8 @@ public final class ColorPicker: UIControl {
         addSubview(brightnessSlider)
         addSubview(brightnessCursor)
         addSubview(colorMapCursor)
+        
+        setupConstraints()
 
         let colorMapPan = UIPanGestureRecognizer(target: self, action: #selector(self.handleColorMapPan(pan:)))
         colorMapPan.delegate = self
@@ -55,6 +82,40 @@ public final class ColorPicker: UIControl {
 
         feedbackGenerator.prepare()
     }
+    
+    private func setupConstraints() {
+        colorMap.translatesAutoresizingMaskIntoConstraints = false
+        brightnessCursor.translatesAutoresizingMaskIntoConstraints = false
+        brightnessSlider.translatesAutoresizingMaskIntoConstraints = false
+        
+        let margin: CGFloat = 12
+        let brightnessWidth: CGFloat = 72
+        let cursorHeight:CGFloat = 28
+        
+        layoutWithBrightness = [
+            colorMap.topAnchor.constraint(equalTo: topAnchor, constant: margin),
+            colorMap.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -margin),
+            colorMap.leftAnchor.constraint(equalTo: leftAnchor, constant: margin),
+            colorMap.rightAnchor.constraint(equalTo: brightnessSlider.leftAnchor, constant: -margin),
+            
+            brightnessSlider.widthAnchor.constraint(equalToConstant: brightnessWidth),
+            brightnessSlider.topAnchor.constraint(equalTo: topAnchor),
+            brightnessSlider.bottomAnchor.constraint(equalTo: bottomAnchor),
+            brightnessSlider.rightAnchor.constraint(equalTo: rightAnchor, constant: -margin),
+            
+            brightnessCursor.centerYAnchor.constraint(equalTo: brightnessSlider.centerYAnchor),
+            brightnessCursor.centerXAnchor.constraint(equalTo: brightnessSlider.centerXAnchor),
+            brightnessCursor.heightAnchor.constraint(equalToConstant: cursorHeight),
+            brightnessCursor.widthAnchor.constraint(equalToConstant: brightnessWidth),
+        ]
+        
+        layoutWithoutBrightness = [
+            colorMap.topAnchor.constraint(equalTo: topAnchor, constant: margin),
+            colorMap.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -margin),
+            colorMap.leftAnchor.constraint(equalTo: leftAnchor, constant: margin),
+            colorMap.rightAnchor.constraint(equalTo: rightAnchor, constant: -margin),
+        ]
+    }
 
     public func set(color: UIColor, colorSpace: HRColorSpace) {
         self.colorSpace = colorSpace
@@ -66,25 +127,21 @@ public final class ColorPicker: UIControl {
     }
     
     public override func layoutSubviews() {
+        self.layoutSubviews(withBrightnessSlider: !self.brightnessSlider.isHidden)
         super.layoutSubviews()
-
-        let margin: CGFloat = 12
-        let brightnessSliderWidth: CGFloat = 72
-        let colorMapSize = min(bounds.width - brightnessSliderWidth - margin * 3, bounds.height - 2 * margin)
-
-        let colorMapX = (bounds.width - (colorMapSize + margin * 2 + brightnessSliderWidth)) / 2
-
-        colorMap.frame = CGRect(x: colorMapX, y: (bounds.height - colorMapSize)/2, width: colorMapSize + margin * 2, height: colorMapSize)
-        brightnessSlider.frame = CGRect(x: colorMap.frame.maxX, y: (bounds.height - colorMapSize)/2,
-                                        width: brightnessSliderWidth, height: colorMapSize)
-
-        let brightnessCursorSize = CGSize(width: brightnessSliderWidth, height: 28)
-        brightnessCursor.frame = CGRect(x: colorMap.frame.maxX,
-                                        y: (bounds.height - brightnessCursorSize.height)/2,
-                                        width: brightnessCursorSize.width, height: brightnessCursorSize.height)
         mapColorToView(initialize: true)
     }
     
+    private func layoutSubviews(withBrightnessSlider: Bool) {
+        if withBrightnessSlider {
+            NSLayoutConstraint.deactivate(layoutWithoutBrightness)
+            NSLayoutConstraint.activate(layoutWithBrightness)
+        } else {
+            NSLayoutConstraint.deactivate(layoutWithBrightness)
+            NSLayoutConstraint.activate(layoutWithoutBrightness)
+        }
+    }
+    
     private func mapColorToView(initialize: Bool = false) {
         brightnessCursor.set(hsv: hsvColor)
         colorMap.set(brightness: hsvColor.brightness)
@@ -96,6 +153,13 @@ public final class ColorPicker: UIControl {
         }
     }
     
+    private func setBrightness(_ brightness: CGFloat) {
+        hsvColor = hsvColor.hueAndSaturation.with(brightness: brightness)
+        mapColorToView()
+        feedbackIfNeeds()
+        sendActionIfNeeds()
+    }
+    
     @objc
     private func handleColorMapPan(pan: UIPanGestureRecognizer) {
         switch pan.state {
@@ -151,9 +215,6 @@ extension ColorPicker: UIGestureRecognizerDelegate {
 
 extension ColorPicker: BrightnessSliderDelegate {
     func handleBrightnessChanged(slider: BrightnessSlider) {
-        hsvColor = hsvColor.hueAndSaturation.with(brightness: slider.brightness)
-        mapColorToView()
-        feedbackIfNeeds()
-        sendActionIfNeeds()
+        setBrightness(slider.brightness)
     }
 }
diff --git a/Example/Colorful/Base.lproj/Main.storyboard b/Example/Colorful/Base.lproj/Main.storyboard
index cd62e39..f02d778 100644
--- a/Example/Colorful/Base.lproj/Main.storyboard
+++ b/Example/Colorful/Base.lproj/Main.storyboard
@@ -1,9 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="16096" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="vXZ-lx-hvc">
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="18122" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="vXZ-lx-hvc">
     <device id="retina4_7" orientation="portrait" appearance="light"/>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="16086"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="18093"/>
+        <capability name="System colors in document resources" minToolsVersion="11.0"/>
         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
     <scenes>
@@ -21,14 +22,14 @@
                         <subviews>
                             <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="6x8-3a-wrs">
                                 <rect key="frame" x="0.0" y="60" width="375" height="17"/>
-                                <color key="backgroundColor" systemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
+                                <color key="backgroundColor" systemColor="systemBackgroundColor"/>
                                 <fontDescription key="fontDescription" type="system" pointSize="14"/>
                                 <nil key="textColor"/>
                                 <nil key="highlightedColor"/>
                             </label>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="gCI-V3-cy0" customClass="ColorPicker" customModule="Colorful">
                                 <rect key="frame" x="0.0" y="173.5" width="375" height="320"/>
-                                <color key="backgroundColor" systemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
+                                <color key="backgroundColor" systemColor="systemBackgroundColor"/>
                                 <constraints>
                                     <constraint firstAttribute="height" constant="320" id="C6S-OQ-Xbv"/>
                                 </constraints>
@@ -36,42 +37,42 @@
                             <stackView opaque="NO" contentMode="scaleToFill" distribution="fillEqually" translatesAutoresizingMaskIntoConstraints="NO" id="Evy-7y-rR2">
                                 <rect key="frame" x="0.0" y="547" width="375" height="120"/>
                                 <subviews>
-                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="lW3-DE-mXe">
-                                        <rect key="frame" x="0.0" y="0.0" width="94" height="120"/>
+                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="lW3-DE-mXe">
+                                        <rect key="frame" x="0.0" y="0.0" width="75" height="120"/>
                                         <state key="normal" title="Red"/>
                                         <connections>
                                             <action selector="handleRedButtonAction:" destination="vXZ-lx-hvc" eventType="touchDown" id="viF-yO-wMw"/>
                                         </connections>
                                     </button>
-                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="ana-5w-klD">
-                                        <rect key="frame" x="94" y="0.0" width="93.5" height="120"/>
+                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="ana-5w-klD">
+                                        <rect key="frame" x="75" y="0.0" width="75" height="120"/>
                                         <state key="normal" title="Purple"/>
                                         <connections>
                                             <action selector="handlePurpleButtonAction:" destination="vXZ-lx-hvc" eventType="touchDown" id="irC-Js-q2n"/>
                                         </connections>
                                     </button>
-                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="059-Wp-1Hx">
-                                        <rect key="frame" x="187.5" y="0.0" width="94" height="120"/>
+                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="059-Wp-1Hx">
+                                        <rect key="frame" x="150" y="0.0" width="75" height="120"/>
                                         <state key="normal" title="Yellow"/>
                                         <connections>
                                             <action selector="handleYellowButtonAction:" destination="vXZ-lx-hvc" eventType="touchDown" id="Cq9-HR-ork"/>
                                         </connections>
                                     </button>
                                     <stackView opaque="NO" contentMode="scaleToFill" axis="vertical" distribution="fillEqually" alignment="center" translatesAutoresizingMaskIntoConstraints="NO" id="ORA-oS-nBQ">
-                                        <rect key="frame" x="281.5" y="0.0" width="93.5" height="120"/>
+                                        <rect key="frame" x="225" y="0.0" width="75" height="120"/>
                                         <subviews>
                                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="dst-ph-zKe">
-                                                <rect key="frame" x="4" y="0.0" width="85.5" height="30"/>
-                                                <color key="backgroundColor" systemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
+                                                <rect key="frame" x="0.0" y="0.0" width="75" height="30"/>
+                                                <color key="backgroundColor" systemColor="systemBackgroundColor"/>
                                             </view>
                                             <switch opaque="NO" contentMode="scaleToFill" horizontalHuggingPriority="750" verticalHuggingPriority="750" contentHorizontalAlignment="center" contentVerticalAlignment="center" translatesAutoresizingMaskIntoConstraints="NO" id="dUR-SR-gYB">
-                                                <rect key="frame" x="22" y="30" width="51" height="30"/>
+                                                <rect key="frame" x="13" y="30" width="51" height="30"/>
                                                 <connections>
                                                     <action selector="handleSwitchAction:" destination="vXZ-lx-hvc" eventType="valueChanged" id="Eyh-Il-DjB"/>
                                                 </connections>
                                             </switch>
                                             <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="sRGB" textAlignment="natural" lineBreakMode="tailTruncation" numberOfLines="2" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="hsk-Ui-0zc">
-                                                <rect key="frame" x="33.5" y="60" width="26.5" height="30"/>
+                                                <rect key="frame" x="24.5" y="60" width="26.5" height="30"/>
                                                 <constraints>
                                                     <constraint firstAttribute="height" constant="30" id="Y2e-US-xEG"/>
                                                 </constraints>
@@ -80,8 +81,36 @@
                                                 <nil key="highlightedColor"/>
                                             </label>
                                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="fh0-kp-yLW">
-                                                <rect key="frame" x="4" y="90" width="85.5" height="30"/>
-                                                <color key="backgroundColor" systemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
+                                                <rect key="frame" x="0.0" y="90" width="75" height="30"/>
+                                                <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                                            </view>
+                                        </subviews>
+                                    </stackView>
+                                    <stackView opaque="NO" contentMode="scaleToFill" axis="vertical" distribution="fillEqually" alignment="center" translatesAutoresizingMaskIntoConstraints="NO" id="lFm-4Q-Nzb">
+                                        <rect key="frame" x="300" y="0.0" width="75" height="120"/>
+                                        <subviews>
+                                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="Jfx-FY-QZR">
+                                                <rect key="frame" x="0.0" y="0.0" width="75" height="30"/>
+                                                <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                                            </view>
+                                            <switch opaque="NO" tag="1" contentMode="scaleToFill" horizontalHuggingPriority="750" verticalHuggingPriority="750" contentHorizontalAlignment="center" contentVerticalAlignment="center" translatesAutoresizingMaskIntoConstraints="NO" id="nFW-xF-go5">
+                                                <rect key="frame" x="13" y="30" width="51" height="30"/>
+                                                <connections>
+                                                    <action selector="handleSwitchAction:" destination="vXZ-lx-hvc" eventType="valueChanged" id="gmg-7f-52b"/>
+                                                </connections>
+                                            </switch>
+                                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Brightness" textAlignment="natural" lineBreakMode="tailTruncation" numberOfLines="2" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="zeT-WD-zub">
+                                                <rect key="frame" x="11.5" y="60" width="52" height="30"/>
+                                                <constraints>
+                                                    <constraint firstAttribute="height" constant="30" id="lC4-Pb-Ggq"/>
+                                                </constraints>
+                                                <fontDescription key="fontDescription" type="system" pointSize="10"/>
+                                                <nil key="textColor"/>
+                                                <nil key="highlightedColor"/>
+                                            </label>
+                                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="WK4-2E-wC5">
+                                                <rect key="frame" x="0.0" y="90" width="75" height="30"/>
+                                                <color key="backgroundColor" systemColor="systemBackgroundColor"/>
                                             </view>
                                         </subviews>
                                     </stackView>
@@ -90,30 +119,46 @@
                                     <constraint firstAttribute="height" constant="120" id="tC3-fd-loG"/>
                                 </constraints>
                             </stackView>
+                            <slider opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" value="0.5" minValue="0.0" maxValue="1" translatesAutoresizingMaskIntoConstraints="NO" id="0aG-ZN-xPr">
+                                <rect key="frame" x="14" y="525" width="347" height="31"/>
+                                <connections>
+                                    <action selector="handleSliderAction:" destination="vXZ-lx-hvc" eventType="valueChanged" id="5mZ-3m-TXt"/>
+                                </connections>
+                            </slider>
                         </subviews>
-                        <color key="backgroundColor" systemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
+                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>
                         <constraints>
                             <constraint firstItem="gCI-V3-cy0" firstAttribute="centerY" secondItem="kh9-bI-dsS" secondAttribute="centerY" id="8Mb-8J-fdM"/>
+                            <constraint firstItem="0aG-ZN-xPr" firstAttribute="trailing" secondItem="kh9-bI-dsS" secondAttribute="trailingMargin" id="9B1-xo-c9L"/>
                             <constraint firstAttribute="trailing" secondItem="Evy-7y-rR2" secondAttribute="trailing" id="A61-Th-7ha"/>
                             <constraint firstItem="6x8-3a-wrs" firstAttribute="leading" secondItem="kh9-bI-dsS" secondAttribute="leading" id="DM5-k1-ASz"/>
+                            <constraint firstItem="0aG-ZN-xPr" firstAttribute="top" secondItem="gCI-V3-cy0" secondAttribute="bottom" constant="31.5" id="FH9-Bt-lkw"/>
                             <constraint firstItem="Evy-7y-rR2" firstAttribute="leading" secondItem="kh9-bI-dsS" secondAttribute="leading" id="JPT-NH-fBR"/>
                             <constraint firstItem="6x8-3a-wrs" firstAttribute="top" secondItem="jyV-Pf-zRb" secondAttribute="bottom" constant="60" id="OHe-l1-Mhh"/>
                             <constraint firstAttribute="trailing" secondItem="6x8-3a-wrs" secondAttribute="trailing" id="cZh-S4-jzm"/>
+                            <constraint firstItem="0aG-ZN-xPr" firstAttribute="leading" secondItem="kh9-bI-dsS" secondAttribute="leadingMargin" id="lVc-RC-1Fl"/>
                             <constraint firstItem="2fi-mo-0CV" firstAttribute="top" secondItem="Evy-7y-rR2" secondAttribute="bottom" id="sO7-JL-Dei"/>
                             <constraint firstAttribute="trailing" secondItem="gCI-V3-cy0" secondAttribute="trailing" id="tHY-Bd-T1Q"/>
                             <constraint firstItem="gCI-V3-cy0" firstAttribute="leading" secondItem="kh9-bI-dsS" secondAttribute="leading" id="uUs-Zl-JBk"/>
                         </constraints>
                     </view>
                     <connections>
+                        <outlet property="brightnessSlider" destination="0aG-ZN-xPr" id="BlE-UD-Zem"/>
+                        <outlet property="brightnessSwitch" destination="nFW-xF-go5" id="cRO-rz-ZAV"/>
                         <outlet property="colorPicker" destination="gCI-V3-cy0" id="6gq-Ie-8wQ"/>
                         <outlet property="colorSpaceLabel" destination="hsk-Ui-0zc" id="0fV-ev-ptT"/>
                         <outlet property="label" destination="6x8-3a-wrs" id="kvo-GK-yxD"/>
-                        <outlet property="uiSwitch" destination="dUR-SR-gYB" id="0Gf-14-pnX"/>
+                        <outlet property="sRGBSwitch" destination="dUR-SR-gYB" id="Jel-FX-uPS"/>
                     </connections>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="x5A-6p-PRh" sceneMemberID="firstResponder"/>
             </objects>
-            <point key="canvasLocation" x="132" y="133"/>
+            <point key="canvasLocation" x="132" y="132.68365817091455"/>
         </scene>
     </scenes>
+    <resources>
+        <systemColor name="systemBackgroundColor">
+            <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+        </systemColor>
+    </resources>
 </document>
diff --git a/Example/Colorful/ViewController.swift b/Example/Colorful/ViewController.swift
index e07ff92..1e8d217 100644
--- a/Example/Colorful/ViewController.swift
+++ b/Example/Colorful/ViewController.swift
@@ -13,7 +13,9 @@ class ViewController: UIViewController {
 
     @IBOutlet weak var colorPicker: ColorPicker!
     @IBOutlet weak var label: UILabel!
-    @IBOutlet weak var uiSwitch: UISwitch!
+    @IBOutlet weak var sRGBSwitch: UISwitch!
+    @IBOutlet weak var brightnessSwitch: UISwitch!
+    @IBOutlet weak var brightnessSlider: UISlider!
     @IBOutlet weak var colorSpaceLabel: UILabel!
 
     var colorSpace: HRColorSpace = .sRGB
@@ -24,6 +26,7 @@ class ViewController: UIViewController {
         colorPicker.set(color: UIColor(displayP3Red: 1.0, green: 1.0, blue: 0, alpha: 1), colorSpace: colorSpace)
         updateColorSpaceText()
         handleColorChanged(picker: colorPicker)
+        brightnessSlider.isHidden = !colorPicker.isBrightnessSliderHidden
     }
 
     @objc func handleColorChanged(picker: ColorPicker) {
@@ -46,12 +49,25 @@ class ViewController: UIViewController {
     }
 
     @IBAction func handleSwitchAction(_ sender: UISwitch) {
-        colorSpace = sender.isOn ? .extendedSRGB : .sRGB
-        colorPicker.set(color: colorPicker.color, colorSpace: colorSpace)
-        updateColorSpaceText()
-        handleColorChanged(picker: colorPicker)
+        switch sender.tag {
+        case 0:
+            colorSpace = sender.isOn ? .extendedSRGB : .sRGB
+            colorPicker.set(color: colorPicker.color, colorSpace: colorSpace)
+            updateColorSpaceText()
+            handleColorChanged(picker: colorPicker)
+        case 1:
+            colorPicker.isBrightnessSliderHidden.toggle()
+            brightnessSlider.isHidden = !colorPicker.isBrightnessSliderHidden
+            brightnessSlider.value = Float(colorPicker.brightnessLevel)
+        default:
+            break
+        }
     }
-
+    
+    @IBAction func handleSliderAction(_ sender: UISlider) {
+        colorPicker.brightnessLevel = CGFloat(sender.value)
+    }
+    
     func updateColorSpaceText() {
         switch colorSpace {
         case .extendedSRGB:
diff --git a/README.md b/README.md
index 5143bde..e315b95 100644
--- a/README.md
+++ b/README.md
@@ -31,6 +31,13 @@ view.addSubview(colorPicker)
 
 You can receive `.valueChanged` event when user changes color.
 
+You can hide the brightness slider and set the brightness level programmatically:
+
+```swift
+colorPicker.isBrightnessSliderHidden = true
+colorPicker.brightnessLevel = 1.0
+```
+
 ## Reason why you choose colorful
 
 ### Beautiful UI with haptic feedback.