Sélecteur de couleurs Sélecteur de couleurs interactif avec sorties HEX, RGB, HSL et CMYK.

🎨

Sélecteur de couleurs

Sélecteur de couleurs interactif avec sorties HEX, RGB, HSL et CMYK.

Sélectionnez une couleur

Cliquez sur la toile de couleur, utilisez le sélecteur natif ou ajustez les curseurs HSL.

Voir tous les formats

Affichez la couleur en HEX, RGB, HSL et CMYK simultanément.

Copiez n'importe quel format

Cliquez sur Copier à côté de n'importe quel format pour obtenir sa valeur pour votre projet.

Loading tool...

What Is Sélecteur de couleurs?

Un sélecteur de couleurs interactif qui vous permet de sélectionner n'importe quelle couleur et de visualiser instantanément ses valeurs dans les quatre principaux formats de couleurs : HEX, RGB, HSL et CMYK. L'outil dispose d'un canevas de saturation-luminosité, d'un curseur de teinte et d'une entrée de couleur native, vous offrant plusieurs façons de trouver la couleur exacte dont vous avez besoin. Que vous soyez un designer à la recherche de la nuance parfaite, un développeur qui a besoin de valeurs de couleurs pour le CSS, ou quiconque travaille avec des couleurs, cet outil fournit toutes les valeurs dont vous avez besoin en un seul endroit. Le canevas rend une grille de saturation-luminosité complète pour la teinte actuellement sélectionnée, vous permettant d'explorer visuellement les variations de couleur. Les quatre formats de sortie sont mis à jour en temps réel et comprennent des boutons de copie, afin que vous puissiez rapidement récupérer la valeur dont vous avez besoin dans n'importe quel contexte - développement web, conception imprimée ou développement d'applications.

Why Use Sélecteur de couleurs?

Plusieurs méthodes d'entrée : toile, sélecteur natif et curseurs HSL
Quatre formats de sortie simultanés : HEX, RGB, HSL, CMYK
Grand aperçu de couleur pour une évaluation visuelle précise
Sélecteur de saturation-luminosité basé sur la toile pour une exploration de couleur précise
Copie en un clic pour chaque format

Common Use Cases

Développement Web

Trouvez et copiez la couleur parfaite dans n'importe quel format compatible CSS (HEX, RGB, HSL).

Travail de conception

Explorez les couleurs visuellement à l'aide de la toile et obtenez des valeurs exactes pour les outils de conception.

Référence multi-format

Voyez comment une seule couleur se traduit dans HEX, RGB, HSL et CMYK simultanément.

Préparation d'impression

Sélectionnez une couleur visuellement et obtenez des valeurs CMYK pour la spécification d'impression.

Technical Guide

Le sélecteur de couleurs rend un canevas de 256×256 où l'axe X représente la saturation (0-100%) et l'axe Y représente la luminosité (100-0%). Pour chaque pixel, la conversion HSL en RGB est calculée et dessinée. Le curseur de teinte contrôle quelle teinte est affichée sur le canevas, créant un espace d'exploration complet pour n'importe quelle couleur. Le canevas utilise l'API HTML5 Canvas pour le rendu en temps réel. Lorsque l'utilisateur clique sur le canevas, la position de la souris est mappée aux valeurs de saturation et de luminosité, qui sont ensuite converties dans les quatre formats de sortie. L'entrée de couleur native fournit une méthode de sélection alternative et synchronise bidirectionnellement avec les curseurs HSL. La sortie CMYK utilise la formule mathématique de conversion RGB en CMYK. Toutes les conversions se font en temps réel sans interaction serveur, ce qui rend l'outil réactif et privé.

Tips & Best Practices

1
Cliquez n'importe où sur la toile pour trouver rapidement une couleur dans la famille de teintes actuelle
2
Utilisez le curseur de teinte pour parcourir le spectre, puis affinez avec la toile
3
Le sélecteur de couleur natif vous donne accès au dialogue de couleur de votre système d'exploitation pour une précision maximale
4
Copiez HEX pour le web, RGB pour Canvas/JavaScript, HSL pour les thèmes CSS, CMYK pour l'impression
5
Les valeurs HSL sont souvent les plus utiles pour créer des échelles de couleurs de systèmes de conception

Related Tools

Convertisseur HEX vers RGB

Convertissez les codes de couleur HEX en valeurs RVB instantanément avec un aperçu de couleur interactif.

🎨 Color Tools

Convertisseur RGB en HSL

Convertissez les valeurs RVB en format de couleur HSL avec des curseurs interactifs.

🎨 Color Tools

Générateur de couleurs aléatoires

Générer des couleurs aléatoires avec des contraintes de style optionnelles comme pastel, vives ou chaudes.

🎨 Color Tools

Roue de l'harmonie des couleurs

Roue de couleurs interactive avec cinq types d'harmonie et sélection visuelle.

🎨 Color Tools

Visualiseur d'espace de couleur

Visualisez n'importe quelle couleur en HEX, RGB, HSL, HSV et CMYK avec des graphiques à barres.

🎨 Color Tools

Frequently Asked Questions

Q Pourquoi ai-je besoin d'un sélecteur de couleur ?

Un sélecteur de couleur vous aide à trouver et sélectionner des couleurs exactes visuellement, puis fournit les valeurs précises nécessaires pour la mise en œuvre dans n'importe quel format. Il élimine les hypothèses et les conversions manuelles entre formats.

Q Quelle est la différence entre la toile et le sélecteur natif ?

La toile affiche une grille 2D de saturation-luminosité pour une exploration précise dans une teinte. Le sélecteur natif utilise le dialogue de couleur de votre système d'exploitation, qui peut offrir des fonctionnalités supplémentaires comme un outil pipette.

Q Puis-je sélectionner des couleurs à partir de mon écran ?

La saisie de couleur native sur certains navigateurs (Chrome, Edge) inclut un outil pipette qui vous permet de sélectionner n'importe quelle couleur visible sur votre écran.

Q Les quatre formats de sortie sont-ils toujours synchronisés ?

Oui, tous les formats représentent toujours la même couleur exacte. La modification de la couleur à l'aide d'une méthode d'entrée met à jour simultanément les quatre sorties.

About This Tool

Sélecteur de couleurs is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.