SuperDevTools

Outils de couleur en ligne

Une couleur, plusieurs façons de l'écrire

Le même bleu s'écrit #1E90FF en HEX, rgb(30, 144, 255) en RGB, hsl(210, 100%, 56%) en HSL, et correspond à environ 88 % de cyan et 44 % de magenta en CMYK. Les écrans affichent du RGB, les feuilles de style acceptent les trois premières notations, et l'imprimeur demande du CMYK, que l'on appelle aussi CMJN. Passer de l'une à l'autre sans erreur est le premier usage de cette famille.

Elle sert ensuite à choisir et à assembler des couleurs, pour une charte graphique, un site, une présentation ou un faire-part.

Quel outil ouvrir

Si vous avez déjà un code, prenez le convertisseur qui part de votre format : HEX en RGB, RGB en HEX, HSL en HEX, RGB en CMYK pour un fichier destiné à l'impression, et ainsi de suite pour les douze combinaisons. Si vous partez de rien, le sélecteur de couleur permet de choisir une teinte à l'œil et d'en relever le code, et le générateur de palette propose des couleurs qui vont ensemble. Le vérificateur de contraste indique si un texte reste lisible sur son fond selon les seuils WCAG. Pour le CSS, le générateur de dégradé et celui de box shadow écrivent la règle à copier dans votre feuille de style.

Ces outils sont gratuits et fonctionnent sans inscription.