Sélecteur de couleur gratuit avec palettes
Ce sélecteur de couleur gratuit vous permet de choisir une couleur avec le contrôle de couleur de votre navigateur ou de taper un code HEX, puis affiche ses valeurs HEX, RGB et HSL, la lisibilité du texte blanc et noir sur celle-ci, et des palettes de teintes, nuances, la couleur complémentaire et l'ensemble triadique. Il convient aux designers, développeurs et marketeurs qui choisissent des couleurs de marque pour un site, une annonce ou un logo.
Color Picker
Generators and Converters
À propos de cet outil
Les codes de couleur se présentent sous plusieurs formes. HEX, comme #2563eb, est le plus courant sur le web. RGB indique la quantité de rouge, vert et bleu de 0 à 255, et HSL décrit la teinte en degrés, plus la saturation et la luminosité en pourcentage, ce qui est plus facile à ajuster visuellement. Le sélecteur affiche les trois pour la même couleur afin que vous puissiez coller celui dont votre outil a besoin.
Les palettes sont construites à partir de la couleur que vous choisissez. Les teintes la mélangent avec du blanc et les nuances la mélangent avec du noir, ce qui donne des versions plus claires et plus foncées pour les arrière-plans, les bordures et les états de survol. La couleur complémentaire se situe à l'opposé sur la roue chromatique, et l'ensemble triadique prend les deux couleurs espacées d'un tiers de la roue, un point de départ courant pour un schéma équilibré.
Les chiffres de contraste comparent votre couleur avec le texte blanc et noir en utilisant la formule WCAG. Un rapport de 4,5 pour 1 ou plus est l'objectif habituel pour le texte du corps normal. Utilisez le sélecteur natif pour un choix rapide, ou le convertisseur de couleur lorsque vous avez déjà un code à traduire. Rien de ce que vous choisissez n'est stocké.
Questions fréquentes
Quelle est la différence entre HEX, RGB et HSL ?
Ils décrivent la même couleur de différentes manières. HEX est un code à six chiffres pour une utilisation web, RGB énumère les valeurs rouge, vert et bleu de 0 à 255, et HSL donne la teinte, la saturation et la luminosité, ce qui facilite la création de variantes plus claires ou plus foncées en changeant un seul nombre.
Que sont les teintes et les nuances ?
Une teinte est la couleur mélangée avec du blanc, elle paraît donc plus claire, et une nuance est la couleur mélangée avec du noir, elle paraît donc plus foncée. Ensemble, ils donnent une gamme prête à l'emploi de la même couleur pour les arrière-plans, les bordures, les boutons et les états de survol.
Qu'est-ce qu'une couleur complémentaire ou triadique ?
La couleur complémentaire est directement opposée à la vôtre sur la roue chromatique et offre le contraste le plus fort. Une palette triadique utilise votre couleur plus deux autres espacées régulièrement autour de la roue. Les deux sont des points de départ, alors ajustez la luminosité et la saturation jusqu'à ce que le résultat convienne à votre marque.
Quel rapport de contraste le texte doit-il avoir ?
WCAG demande au moins 4,5 pour 1 pour le texte normal et 3 pour 1 pour le texte volumineux pour atteindre le niveau AA. Le sélecteur affiche le rapport pour le texte blanc et noir sur votre couleur afin que vous puissiez choisir celui qui est lisible.