Binatomy
Convertisseur de Couleurs

Convertisseur de Couleurs

Convertissez les couleurs entre HEX, RGB et HSL avec des palettes complémentaires, analogues et triadiques

Formats de Couleur

HEX

#6366F1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

Valeurs RGB

R: 99 G: 102 B: 241

Palette de Couleurs

Complémentaire

Analogues

Triadiques

FAQ

Questions Fréquentes

Tout ce que vous devez savoir sur la conversion des couleurs

Quelle est la différence entre RGB et HSL?

RGB (Rouge, Vert, Bleu) définit les couleurs comme une combinaison de trois canaux de lumière (rouge, vert, bleu) avec des valeurs de 0 à 255 chacun. HSL (Teinte, Saturation, Luminosité) est un modèle plus intuitif qui décrit la couleur par la teinte (0-360 degrés), la saturation (0-100%) et la luminosité (0-100%). HSL est souvent préféré par les designers car plus facile à manipuler.

Comment fonctionnent les couleurs complémentaires?

La couleur complémentaire se trouve à 180 degrés sur la roue chromatique. Les couleurs complémentaires créent le maximum de contraste et sont utilisées dans le design pour attirer l'attention. Par exemple, le complémentaire du bleu est l'orange, du rouge est le cyan, du vert est le magenta.

Que sont les couleurs analogues et triadiques?

Les couleurs analogues sont adjacentes sur la roue chromatique (à environ 30 degrés de distance) et créent des harmonies douces et naturelles. Les couleurs triadiques sont équidistantes (à 120 degrés les unes des autres) et forment un triangle sur la roue chromatique, créant des combinaisons vives et équilibrées.

Puis-je utiliser le format HEX dans le CSS?

Oui, le format HEX est le plus utilisé dans le CSS et le web design. Le format à 6 caractères (#RRGGBB) est supporté par tous les navigateurs. Vous pouvez aussi utiliser la version abrégée à 3 caractères (#RGB) lorsque chaque paire a des chiffres identiques. Le convertisseur affiche aussi les formats RGB et HSL, tous deux valides en CSS.

Quels formats de couleur l'outil convertit-il ?

Il part d'un code HEX, écrit en entier ou dans la forme courte à trois chiffres, et renvoie la valeur RVB et la valeur HSL de la même couleur, les trois prêtes à copier.

Quelle différence entre RVB et HSL ?

RVB décrit une couleur par les trois canaux rouge, vert et bleu de 0 à 255. HSL la décrit par la teinte de 0 à 360 degrés, la saturation et la luminosité en pourcentage, ce qui est plus commode pour éclaircir ou assombrir.

D'où viennent les couleurs de la palette ?

La palette vient de la rotation de la teinte de départ : la complémentaire à 180 degrés, les analogues à 30 degrés de part et d'autre, les triadiques à 120 et 240 degrés. Un clic sur une teinte en fait la couleur active.

Mes données restent-elles privées ?

Oui, et pas parce que nous le promettons : cet outil fonctionne entièrement dans votre navigateur. Ce que vous saisissez ou téléversez ne quitte jamais votre appareil, n'arrive donc sur aucun de nos serveurs, et il n'y a rien que nous puissions conserver, lire ou perdre. Vous pouvez le vérifier : ouvrez la page, coupez votre connexion, l'outil continue de fonctionner.

Enregistrez-vous ce que je saisis ?

Non. Il n'y a aucune base de données derrière cet outil : nous n'enregistrons ni vos fichiers, ni vos textes, ni vos résultats. Quand vous fermez l'onglet, il ne reste rien : ni chez nous, puisque rien n'est jamais arrivé, ni ailleurs.

Me profilez-vous ? Respectez-vous le RGPD ?

Nous ne vous profilons pas : aucun compte à créer, nous ne demandons jamais votre e-mail pour utiliser un outil, et nous ne gardons aucun profil de ce que vous faites. Nous sommes une société italienne et nous travaillons sous le RGPD et les autres règles européennes, avec la politique de confidentialité et la demande de consentement bien visibles. Une chose que nous disons en entier plutôt que de la cacher derrière un slogan : les publicités de la page sont celles de Google, et Google peut utiliser des cookies pour les personnaliser. Vous décidez depuis la bannière de consentement : si vous refusez, les publicités restent mais ne sont pas personnalisées, et l'outil fonctionne exactement pareil.

Si c'est gratuit, comment gagnez-vous de l'argent ?

Avec les publicités de la page, et rien d'autre. Nous ne vendons pas vos données, il n'y a pas d'offre payante cachée, pas de limite qui finit par réclamer votre carte, et aucune inscription. Les publicités payent les serveurs et le temps que nous passons à écrire les outils : c'est ce qui nous permet de les laisser ouverts à tous.