Construit autour du picker natif du navigateur pour la sélection de couleur au niveau système. Convertit entre espaces de couleur en utilisant des formules standard : RGB vers HSL (pour manipulation de couleur plus intuitive), HEX vers RGB (pour web), et vice versa. Les calculs d'harmonie trouvent des schémas complémentaires, analogues, triadiques et split-complémentaires basés sur les positions de la roue chromatique.
Sélecteur de Couleur
Sélectionnez, convertissez et analysez les couleurs instantanément. Prise en charge des formats HEX, RGB, HSL avec vérificateur de contraste WCAG. Sélecteur de couleur en ligne gratuit pour les designers.
Cliquez sur le bloc de couleur pour sélectionner, ou saisissez une valeur HEX
Valeurs de Format
HEX
HEX8
RGB
HSL
HSV
Vérification de Contraste (WCAG)
Avec Blanc (Ratio: 4.47)
Aa
ÉchecAvec Noir (Ratio: 4.70)
Aa
AAVariantes de Couleur
#c1c2f9
#9294f5
#6366f1
#3438ed
#1418da
Harmonie des Couleurs
#6366f1
#f1ee63
#6366f1
#639ff1
#6382f1
#6366f1
#7c63f1
#9963f1
#6366f1
#f163d8
#9ff163
#6366f1
#f16366
#66f163
Questions fréquentes
Trouvez rapidement vos réponses
Quels formats de couleur l'outil prend-il en charge?
L'outil prend en charge les formats de couleur HEX (hexadécimal), RVB (rouge/vert/bleu), TSL (teinte/saturation/luminosité) et HSV. Vous pouvez convertir instantanément entre ces formats.
Puis-je prélever des couleurs dans des images?
Oui ! Vous pouvez télécharger une image et cliquer n'importe où dessus pour prélever des couleurs. L'outil extraira les valeurs de couleur exactes de ce pixel dans tous les formats pris en charge.
Comment fonctionne le générateur de palette de couleurs?
Le générateur de palette crée des schémas de couleurs harmonieux basés sur votre couleur sélectionnée. Il génère des combinaisons de couleurs complémentaires, analogues, triadiques et tétradiques qui fonctionnent bien ensemble en design.
Puis-je sauvegarder mes couleurs préférées?
Oui ! Vous pouvez sauvegarder des couleurs dans une palette pour un accès rapide. L'outil stocke votre palette localement dans votre navigateur, donc vos couleurs sauvegardées persistent entre les sessions.
Mes données de couleur sont-elles privées?
Absolument. Tout le traitement des couleurs se produit localement dans votre navigateur. Toutes les images que vous téléchargez pour le prélèvement de couleurs sont traitées localement et jamais envoyées à un serveur.
Voir le guide complet
Découvrez des astuces avancées
Cas d'usage
Découvrez comment utiliser cet outil
Design Web
Sélectionner et harmoniser les couleurs pour sites web et applications.
- Créer des schémas de couleurs
- Faire correspondre les couleurs de marque
- Concevoir des palettes accessibles
- Trouver des couleurs complémentaires
Design Graphique
Convertir les couleurs entre formats pour les outils de design.
- Conversion HEX vers RGB
- Génération de couleurs CSS
- Correspondance des couleurs d'impression
- Création de palette de marque
Développement
Copier les codes de couleur directement dans les feuilles de style.
- Valeurs de couleur Tailwind
- Propriétés personnalisées CSS
- Styles inline React
- Couleurs de remplissage SVG
À propos de cet outil
Choisir des couleurs devrait être simple, mais d'une manière ou d'une autre c'est toujours plus compliqué que nécessaire. Cet outil vous donne HEX, RGB, HSL—nommez-le. Cliquez pour picker depuis une palette, tapez des valeurs, ou convertissez entre formats. Le vrai MVP est les suggestions d'harmonie des couleurs—trouvez des couleurs complémentaires sans deviner.
Détails techniques
Algorithme
RGB (Red, Green, Blue) est le mélange de couleur additif pour écrans. HSL (Hue, Saturation, Lightness) est plus intuitif pour humains—choisissez une couleur de base, puis ajustez l'intensité et la luminosité. Les conversions utilisent les maths standard d'espace de couleur. Les calculs d'harmonie positionnent les couleurs sur une roue de 360°, puis trouvent les angles pour complémentaire (180° opposé), triadique (120° d'espacement), etc.
Engagement de confidentialité
🔒 **Priorité à la vie privée** : Contrairement aux outils basés sur des serveurs, AI-TOL traite tout localement dans votre navigateur - vos données ne quittent jamais votre appareil. Pas de téléchargement, pas de suivi, totalement privé.