Sélecteur de couleur professionnel - Conversion HEX, RGB, HSL et plus

Choisissez des couleurs, convertissez des formats et créez des palettes harmonieuses

Comprendre les formats de couleur HEX, RGB, HSL et RGBA

Notre sélecteur de couleur prend en charge tous les formats de couleur courants et les convertit en temps réel :

HEX : Représentation hexadécimale (p. ex. #3B82F6) – standard en design web
RGB : Valeurs rouge, vert, bleu de 0-255 (p. ex. rgb(59, 130, 246))
RGBA : RGB avec canal alpha pour la transparence (p. ex. rgba(59, 130, 246, 0.8))
HSL : Teinte, saturation, luminosité – intuitif pour les designers
HSLA : HSL avec canal alpha pour la transparence

Contrastes de couleurs accessibles avec le contrôle WCAG

Notre sélecteur de couleur prend en charge tous les formats de couleur courants et les convertit en temps réel :

Standard AA : Rapport de contraste d'au moins 4.5:1 pour le texte normal
Standard AA (grand) : Rapport de contraste d'au moins 3:1 pour le texte grand (à partir de 18px)
Standard AAA : Rapport de contraste d'au moins 7:1 pour des exigences accrues

Notre outil vous montre immédiatement si votre combinaison de couleurs respecte les standards AA ou AAA et vous aide à créer des designs inclusifs et accessibles.

Harmonies de couleurs pour des designs parfaits

Notre outil vous montre immédiatement si votre combinaison de couleurs respecte les standards AA ou AAA et vous aide à créer des designs inclusifs et accessibles.

Complémentaire : Couleurs opposées dans le cercle chromatique – contraste élevé
Analogique : Couleurs adjacentes – palettes harmonieuses et apaisantes
Triadique : Trois couleurs à égale distance – vif et équilibré
Monochromatique : Différents niveaux de luminosité d'une couleur – élégant et minimaliste

Shades & Tints - Dégradés de couleurs

La fonction -génère automatiquement 10 déclinaisons de votre couleur choisie. Les shades (tons plus sombres) et les tints (tons plus clairs) vous aident à créer des systèmes de couleurs cohérents pour vos projets.

Pipette et historique des couleurs

Avec la, vous pouvez prélever des couleurs directement à l'écran. L'enregistre vos 10 dernières couleurs sélectionnées localement dans le navigateur, afin que vous puissiez accéder rapidement aux couleurs précédemment utilisées.

Options d'export pour développeurs

Variables CSS : :root { --primary-color: #3b82f6; }
Config Tailwind : Configuration directement copiable pour Tailwind CSS

Questions fréquentes (FAQ)

Le sélecteur de couleur est-il vraiment gratuit ?

Notre sélecteur de couleur est 100% gratuit. Il n'y a aucun coût caché, aucune inscription et aucune restriction d'utilisation. Vous pouvez utiliser toutes les fonctions sans limite.

Mes couleurs sont-elles enregistrées ?

L'historique des couleurs est enregistré localement dans votre navigateur. Vous pouvez le supprimer à tout moment via les paramètres du navigateur. Aucune donnée n'est transmise à des serveurs.

La pipette fonctionne-t-elle sur tous les navigateurs ?

Dans Chrome, Edge et Opera, l'API EyeDropper native est utilisée, avec laquelle vous pouvez prélever des couleurs directement à l'écran. Dans Firefox et les autres navigateurs sans cette API, vous pouvez téléverser une image (ou la faire glisser-déposer) et prélever les couleurs à partir de celle-ci. C'est une restriction de sécurité du navigateur – JavaScript ne peut pas accéder à l'écran en dehors de la fenêtre du navigateur.

Quelle est la précision du contrôleur de contraste WCAG ?

Le contrôleur de contraste calcule le rapport de contraste selon les directives officielles WCAG 2.1 et prend en compte la luminosité relative des couleurs selon le standard W3C.

Puis-je utiliser cet outil sur mon propre site web ?

Oui, absolument ! Vous pouvez intégrer Sélecteur de couleurs & convertisseur gratuitement sur votre propre site web, simplement via un iframe. Sur la page Embed-Widgets, vous trouverez le code d’intégration prêt à l’emploi et pourrez personnaliser couleurs et style.