Design Utility
Pro Color Picker
Sample colors using the manual scale or upload an image to extract precise brand codes.
Color Scale
Select a base hue from the system picker.
Image Eyedropper
Click here to upload an image and click anywhere on it to sample colors.
Hexadecimal
#00BFA5
RGB Model
rgb(0, 191, 165)
HSL Model
hsl(172, 100%, 37%)
HEX Notation
Hex codes are a 6-digit representation of Red, Green, and Blue. They are the industry standard for web design and CSS properties.
Why HSL?
HSL (Hue, Saturation, Lightness) is more human-readable than RGB. It allows you to create variations like hover states by changing just the lightness value.
Additive Color
RGB is an additive model used for screens. It defines how much light each pixel emits. Combined at 255, they create pure white.