Convertisseur de couleur
Convertissez entre les formats de couleur HEX, RGB et HSL.
À propos de Convertisseur de couleur
The GuruAlpha Color Converter is a universal color format converter that transforms colors between HEX, RGB and HSL formats. Enter a color in any format and instantly see all three representations. It is the single tool you need for any color format conversion task.
Different tools, contexts and workflows use different color formats. CSS typically uses HEX (#FF5733). Design tools often show RGB (rgb(255,87,51)). HSL (hsl(9, 100%, 60%)) is popular for programmatic color adjustments because its components map to intuitive concepts: hue (the color itself), saturation (how vivid) and lightness (how bright). The Color Converter handles all three, making format transitions seamless.
The tool displays all three formats simultaneously whenever you enter a color in any one of them. Enter a HEX code and see RGB and HSL. Enter RGB values and see HEX and HSL. Enter HSL values and see HEX and RGB. This tri-directional conversion means you never need to use separate tools for different conversion directions.
The visual preview shows the color as a large swatch, providing immediate verification that the conversion is correct. The color wheel position indicator shows where the color sits in the spectrum, which is particularly useful when working with HSL values to understand the color's position in the hue cycle.
For web developers, the converter is essential when translating between design mockups (often in RGB from Figma) and CSS code (typically in HEX). For designers, converting to HSL makes it easy to create lighter or darker variations of a color by adjusting the lightness value. The tool supports alpha channel in all formats: #RRGGBBAA, rgba() and hsla().
Principales fonctionnalités de Convertisseur de couleur
- Convert between HEX, RGB and HSL
- Tri-directional: any format to any format
- Alpha channel support in all formats
- Visual color preview
- Color wheel position indicator
- One-click copy in any format
- Instant conversion
- Browser-based for privacy
Comment utiliser Convertisseur de couleur
- Open the Color Converter on GuruAlpha.
- Enter a color in any format: HEX, RGB or HSL.
- All three formats are displayed simultaneously.
- View the color preview and wheel position.
- Copy any format with one click.
- Enter alpha values for transparent colors.
Conseils pour utiliser Convertisseur de couleur
- HSL is best for creating color variations — adjust lightness for lighter/darker shades.
- HEX is best for CSS — it's the most compact format.
- RGB is best for programmatic use — easy to manipulate individual channels.
- The color wheel position helps understand the color's hue angle.
- Alpha channel works in all three formats for transparent colors.
Questions fréquentes sur Convertisseur de couleur
Which format should I use?
HEX for CSS stylesheets. RGB for JavaScript and canvas. HSL for color adjustments and variations. The tool converts between all three instantly.
Does it handle alpha (transparency)?
Yes. All three formats support alpha: #RRGGBBAA, rgba(r,g,b,a) and hsla(h,s,l,a).
How accurate are the conversions?
Conversions are mathematically exact. There is no rounding or approximation — each format represents the same color precisely.
Can I convert from design tools?
Yes. Paste color values from Figma, Photoshop, Sketch or any design tool in any format.