Sélecteur de couleur
Sélectionnez une couleur et obtenez ses valeurs HEX, RGB, HSL, HSV et CMYK. Générez des palettes complémentaires, analogues et triadiques — tout est traité localement.
#3B82F5#3B82F5FFrgb(59, 130, 245)rgba(59, 130, 245, 1)hsl(217, 90%, 60%)hsla(217, 90%, 60%, 1)hsv(217, 76%, 96%)cmyk(76%, 47%, 0%, 4%)Harmonies de couleurs
Complémentaire
Analogues
Triadique
Split complémentaire
🔒 Tous les calculs de couleur sont effectués localement dans votre navigateur
100% sécurisé
Vos fichiers ne sont jamais partagés
Ultra-rapide
Traitement en quelques secondes
Confidentialité
Suppression automatique après 1h
Comment utiliser le sélecteur de couleur
Choisissez une couleur
Utilisez le sélecteur visuel en cliquant sur le carré de saturation/luminosité et en ajustant le curseur de teinte. Ou tapez une valeur HEX, RGB ou HSL directement.
Copiez le format souhaité
Tous les formats (HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK) sont affichés simultanément. Cliquez sur le bouton copier à côté de n'importe quel format.
Explorez les harmonies
Découvrez les palettes de couleurs harmoniques générées automatiquement : complémentaire, analogues, triadiques et split-complémentaires.
Comprendre les formats de couleur
HEX est le format le plus courant pour le développement web, utilisant un code hexadécimal de 6 caractères précédé de #. Par exemple, #3B82F6 représente un bleu.
RGB définit les couleurs par leurs composantes Rouge, Vert et Bleu, chacune de 0 à 255. RGBA ajoute un canal alpha (0-1) pour la transparence.
HSL (Teinte, Saturation, Luminosité) et HSV (Teinte, Saturation, Valeur) sont plus intuitifs pour la manipulation des couleurs. CMYK est essentiel pour le design d'impression.
Harmonies de couleurs
Les harmonies de couleurs sont des combinaisons agréables à l'œil basées sur le cercle chromatique : les complémentaires sont opposées, les analogues sont voisines, et les triadiques forment un triangle équilatéral.
Utiliser des combinaisons harmonieuses dans vos designs crée un équilibre visuel. Notre outil génère ces palettes automatiquement pour trouver rapidement des couleurs qui fonctionnent ensemble.
Couleurs CSS courantes
| Nom | HEX | RGB |
|---|---|---|
| Red | #FF0000 | rgb(255, 0, 0) |
| Blue | #0000FF | rgb(0, 0, 255) |
| Green | #008000 | rgb(0, 128, 0) |
| White | #FFFFFF | rgb(255, 255, 255) |
| Black | #000000 | rgb(0, 0, 0) |
Confidentialité et sécurité
Ce sélecteur de couleur fonctionne entièrement dans votre navigateur. Aucune donnée n'est envoyée à un serveur. L'historique n'existe qu'en mémoire et est effacé à la fermeture de la page.
Sélecteur de couleur — Questions fréquentes
Comment trouver le code HEX d'une couleur ?
Utilisez le sélecteur visuel pour choisir votre couleur, ou tapez un nom de couleur ou un code dans le champ de saisie. Le code HEX est affiché immédiatement et peut être copié en un clic.
Comment convertir RGB en HEX ?
Entrez vos valeurs RGB dans le champ de saisie (ex. rgb(59, 130, 246)) et l'outil affichera instantanément le code HEX équivalent ainsi que tous les autres formats.
Quelle est la différence entre RGB et CMYK ?
RGB (Rouge, Vert, Bleu) est utilisé pour les écrans numériques et mélange la lumière. CMYK (Cyan, Magenta, Jaune, Noir) est utilisé pour l'impression et mélange les encres.
Comment choisir des couleurs complémentaires ?
Notre outil génère automatiquement les couleurs complémentaires (opposées sur le cercle chromatique), analogues (adjacentes), triadiques (espacées uniformément) et split-complémentaires.
Comment utiliser la pipette ?
Cliquez sur le bouton pipette pour activer le sélecteur natif de votre navigateur. Vous pouvez ensuite cliquer n'importe où sur votre écran pour capturer la couleur exacte.
Qu'est-ce que le HSL ?
HSL signifie Teinte (Hue), Saturation, Luminosité (Lightness). C'est une alternative au RGB plus intuitive : la Teinte est l'angle de couleur (0-360°), la Saturation l'intensité (0-100%), et la Luminosité la clarté (0-100%).
Puis-je utiliser les noms de couleurs CSS ?
Oui ! Vous pouvez taper n'importe quel nom de couleur CSS (comme 'tomato', 'cornflowerblue') dans le champ de saisie et le sélecteur se mettra à jour.
Mes données sont-elles stockées ?
Non. Tous les calculs de couleur se font entièrement dans votre navigateur. Rien n'est envoyé à un serveur. L'historique des couleurs n'existe qu'en mémoire.