How do I convert HEX to RGB?

Simply paste your HEX code (e.g., #FF5733) into the HEX input field. The tool will automatically update the RGB and HSL values in real-time.

What is HSL and why use it?

HSL stands for Hue, Saturation, and Lightness. It's often preferred by designers because it's more intuitive to adjust 'brightness' or 'intensity' compared to mixing Red/Green/Blue levels.

Does this tool work on mobile?

Yes! Our Color Picker is fully responsive and touch-friendly, allowing you to pick colors on the go from your smartphone or tablet.

What are the common web color formats?

The three most common formats are HEX (standard web), RGB (for light mixing), and HSL (for human intuition). Our tool supports all three!

Sélecteur de Code Couleur

Choisissez des couleurs et convertissez les formats avec notre sélecteur de code couleur.

#8959f7

Teinte258°

Saturation91%

Luminosité66%

CODE HEX

#8959f7

VALEURS RGB

rgb(137, 89, 247)

VALEURS HSL

hsl(258, 91%, 66%)

VARIABLE CSS RAPIDE--color-brand: #8959f7;

Palettes Modernes

À propos du Sélecteur de Code Couleur

Le Sélecteur de Code Couleur de Coders Kit est un outil couleur complet conçu pour les concepteurs Web et les artistes numériques. Il comble le fossé entre les différents modèles de couleurs, vous permettant de convertir de manière transparente entre des couleurs choisies visuellement, des codes HEX, des chaînes RGB et des valeurs HSL. Que vous créiez un site Web, conceviez un logo ou choisissiez une palette, cet outil garantit une gestion précise des couleurs.

Caractéristiques principales

Roue chromatique visuelle

Utilisez nos curseurs intuitifs de teinte, de saturation et de luminosité pour affiner votre nuance exacte. Visualisez les changements en temps réel sur un grand échantillon d'aperçu.

Conversion instantanée

Saisissez un code HEX et affichez instantanément les valeurs RGB et HSL équivalentes. Ou ajustez les curseurs et copiez le code HEX prêt pour CSS en un clic.

Palettes modernes

Accédez à une liste organisée de couleurs modernes, plates et vives utilisées dans le Web design contemporain (comme celles de Tailwind CSS) pour une inspiration rapide.

Comprendre les formats de couleur

HEX (Hexadécimal): La norme pour le web design (par ex., #FF5733). Il utilise un système de base 16 pour représenter le rouge, le vert et le bleu.
RGB (Rouge, Vert, Bleu): Représente les couleurs de l'écran en mélangeant la lumière. Utilisé en CSS comme `rgb(255, 87, 51)`. Idéal pour manipuler les niveaux de couleurs primaires.
HSL (Teinte, Saturation, Luminosité): Le format le plus intuitif pour l'humain. La 'Teinte' est la couleur elle-même (0-360°), la 'Saturation' est l'intensité, et la 'Luminosité' est sa clarté ou son obscurité.

Foire Aux Questions

Comment convertir HEX en RGB ?: Collez simplement votre code HEX (ex : #FF5733) dans le champ de saisie HEX. L'outil mettra automatiquement à jour les valeurs RGB et HSL en temps réel.
Qu'est-ce que HSL et pourquoi l'utiliser ?: HSL signifie Teinte (Hue), Saturation et Luminosité (Lightness). Il est souvent préféré par les designers car il est plus intuitif d'ajuster la "luminosité" ou l'"intensité" que de mélanger les niveaux de Rouge/Vert/Bleu.
Cet outil fonctionne-t-il sur mobile ?: Oui ! Notre Sélecteur de Couleur est entièrement réactif et adapté aux écrans tactiles, vous permettant de choisir des couleurs en déplacement depuis votre smartphone ou tablette.
Quels sont les formats de couleur web courants ?: Les trois formats les plus courants sont HEX (standard web), RGB (pour le mélange de lumière) et HSL (pour l'intuition humaine). Notre outil prend en charge les trois !