Aller au contenu

Sélecteur de Couleurs

Choisissez des couleurs et convertissez entre les formats HEX, RGB et HSL.

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)

Palette de couleurs

Complémentaire

Analogue

Triadique

Vérificateur de contraste

Avec texte noir

Ratio: 5.71:1

AA Texte normal: Pass

AA Grand texte: Pass

AAA Texte normal: Fail

AAA Grand texte: Pass

Avec texte blanc

Ratio: 3.68:1

AA Texte normal: Fail

AA Grand texte: Pass

AAA Texte normal: Fail

AAA Grand texte: Fail

Sélecteur de Couleur : Trouvez les Codes HEX, RGB et HSL

Choisir les bonnes couleurs est essentiel pour le design web, le design graphique et le développement d'interfaces. Notre sélecteur de couleur en ligne gratuit vous permet de sélectionner visuellement n'importe quelle couleur et d'obtenir instantanément son code en formats HEX, RGB et HSL.

L'outil affiche simultanément trois formats de couleur standard. Les codes HEX (comme #3B82F6) sont le format le plus courant en CSS et HTML. Les valeurs RGB spécifient les composantes rouge, vert et bleu sur une échelle 0-255. HSL fournit une manière intuitive de comprendre et manipuler les couleurs.

Comprendre les formats de couleur est essentiel pour le travail de design professionnel. HEX est compact et largement supporté. RGB offre un contrôle direct sur les canaux individuels. HSL est le format le plus intuitif.

Chaque valeur de couleur peut être copiée dans le presse-papiers en un clic, prête à être collée dans votre CSS, outil de design ou documentation.

FAQ

Partager
SponsoriséPublicité

Le design professionnel simplifié avec Canva

Créez des logos, publications sociales, présentations et plus avec un simple glisser-déposer.

FAQ

Quelle est la différence entre les formats HEX, RGB et HSL ?+
HEX utilise un code hexadécimal à 6 caractères (#RRGGBB). RGB spécifie les valeurs rouge, vert et bleu de 0 à 255. HSL utilise la teinte (0-360 degrés), la saturation (0-100%) et la luminosité (0-100%).
Comment convertir une couleur HEX en RGB ?+
Divisez le code HEX en paires et convertissez chaque paire d'hexadécimal en décimal. #3B82F6 = rgb(59, 130, 246). Cet outil fait la conversion automatiquement.
Quel est le meilleur format de couleur pour CSS ?+
HEX est le plus utilisé en CSS. Cependant, HSL est de plus en plus populaire car il facilite la création de variations de couleur.
Comment trouver le code couleur exact d'un site web ?+
Utilisez les outils de développement du navigateur (F12) pour inspecter les éléments et trouver les valeurs de couleur dans le CSS.
Que signifie HSL et quand l'utiliser ?+
HSL signifie Teinte, Saturation, Luminosité. Utilisez-le pour créer des palettes de couleurs avec une saturation et luminosité cohérentes.

Outils les plus populaires