Convertisseur de couleurs

Il s'agit d'un convertisseur de couleurs pour le web et le design qui traduit une couleur entre les trois formats que vous utilisez le plus : HEX, RGB et HSL, avec un échantillon en direct pour voir exactement ce sur quoi vous travaillez.

C'est le lien quotidien entre le design et le code : faire correspondre une couleur de marque d'une maquette à une variable CSS, convertir une valeur qu'un designer vous a donnée dans un format vers celui que votre framework attend, ou trouver une teinte légèrement plus claire pour un état de survol.

Tout s'exécute dans votre navigateur, c'est donc instantané et rien de ce que vous saisissez n'est envoyé où que ce soit.

Chaque format décrit la même couleur différemment. HEX (comme #ff8800) est la forme compacte utilisée partout en CSS et HTML. RGB indique directement les canaux rouge, vert et bleu, c'est ainsi que les écrans et le code comme le canvas pensent la couleur. HSL décrit la teinte, la saturation et la luminosité, ce qui est bien plus intuitif quand vous voulez ajuster une couleur : changez la teinte pour la déplacer sur la roue, ou la luminosité pour l'assombrir sans choisir un nouveau code à la main.

Saisissez une valeur HEX et les équivalents RGB et HSL se mettent à jour instantanément, pour que vous puissiez récupérer le format que l'outil ou le code devant vous attend.

Pour l'instant l'outil se concentre sur les couleurs opaques en HEX, RGB et HSL ; la prise en charge de l'alpha (opacité) n'est pas encore incluse.