RGB Color Converter/Picker
Convert between RGB, Hex, HSL, HSV and CMYK color codes, pick colors, check contrast and get a palette of tints and shades.
Hex (with or without #), rgb(), hsl(), hsv(), cmyk() or a CSS name like tomato.
Your colour
#2F80ED
Vivid blue
rgb(47, 128, 237)hsl(214, 84%, 56%)
- Hex#2F80ED
- RGBrgb(47, 128, 237)
- HSLhsl(214, 84%, 56%)
- HSVhsv(214, 80%, 93%)
- CMYKcmyk(80%, 46%, 0%, 7%)
Tints and shades
Lightest to darkest, your colour in the middle. Tap a step to copy its hex.
Frequently Asked Questions
What is the difference between RGB, Hex, and HSL color formats?
RGB (Red, Green, Blue) defines colors using three values from 0-255 for each color channel. Hex is a compact hexadecimal representation of RGB values (e.g., #FF5733). HSL (Hue, Saturation, Lightness) describes colors using a 360-degree hue wheel, saturation percentage, and lightness percentage, making it more intuitive for adjusting colors.
What are color spaces and why do they matter?
Color spaces are mathematical models that define how colors are represented. RGB is used for screens, CMYK for print, and HSL for human-friendly color selection. Understanding color spaces helps ensure consistent colors across different devices and media.
How do I pick accessible colors for web design?
For accessibility, ensure sufficient contrast between text and background colors. WCAG 2.1 requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text. Use lighter and darker shades from your palette to create readable combinations.
What are complementary colors and how do I find them?
Complementary colors sit opposite each other on the color wheel (180 degrees apart in HSL). For example, blue (#0000FF) has an orange complement (#FF9900). They create strong visual contrast and are commonly used in design to make elements stand out.
How do tints and shades work in color palettes?
Tints are created by adding white to a base color (increasing lightness in HSL), making it lighter. Shades are created by adding black (decreasing lightness), making it darker. Together, they form a cohesive palette from a single base color.