Color code Picker
Select, convert, and explore beautiful color combinations
#4A6FA5
Color Information
RGB Model
74, 111, 165
HSL Model
214°, 38%, 47%
HSV Model
214°, 55%, 65%
CMYK Model
55%, 33%, 0%, 35%
Color Harmonies
#A54A6F
Complementary
#4AA56F
Analogous 1
#4A6FA5
Analogous 2
#6FA54A
Triadic 1
#A54A6F
Triadic 2
#2C4263
Monochromatic
Color Name
Blue Yonder
Luminance
42%
Web Safe
No
WCAG Contrast
4.5:1
A Color Code Picker is a tool (digital or physical) that allows users to select and identify colors in various formats such as HEX, RGB, HSL, CMYK, and more. It is widely used in graphic design, web development, digital art, and printing to ensure accurate color selection.
Types of Color Codes
Color pickers support different color models, each serving a specific purpose:
1. HEX (Hexadecimal)
- A 6-digit code representing Red, Green, and Blue (e.g., #FF5733).
- Commonly used in web design (HTML/CSS).
2. RGB (Red, Green, Blue)
- Defines colors using values from 0 to 255 (e.g., rgb(255, 87, 51)).
- Used in digital displays and web design.
3. RGBA (RGB with Alpha/Transparency)
- Similar to RGB but includes an alpha channel (0 to 1) for opacity (e.g., rgba(255, 87, 51, 0.5)).
4. HSL (Hue, Saturation, Lightness)
- Represents colors in a cylindrical format:
- Hue (0-360°) – The color itself.
- Saturation (0-100%) – Intensity of the color.
- Lightness (0-100%) – Brightness (e.g., hsl(12, 100%, 60%)).
5. CMYK (Cyan, Magenta, Yellow, Key/Black)
- Used in printing with percentages (e.g., cmyk(0%, 66%, 80%, 0%)).
6. Pantone & Other Specialized Codes
- Used in branding and professional printing (e.g., Pantone Matching System).
How Does a Color Picker Work?
- Selection – Users choose a color from a palette, gradient, or by inputting values.
- Conversion – The tool converts the selected color into different formats.
- Copy & Use – The color code can be copied and used in design software (Photoshop, Illustrator), code editors (VS Code), or CSS.
