Outils couleur

Convertissez, nommez, mélangez et testez les couleurs, avec OKLCH et APCA.

localVérificateur de contrasteSaisissez une couleur de texte et une couleur de fond pour obtenir le ratio de contraste WCAG exact, la…localGénérateur de couleurs TailwindIl vous suffit de coller une couleur de marque pour obtenir une palette de nuances équilibrée en 11 étapes…localConvertisseur HEX vers RGBACollez un code HEX, faites glisser le curseur d'opacité et copiez le CSS exact dont vous avez besoin :…localVariables CSS vers TailwindTransformez vos variables de couleur :root en thème Tailwind en un seul collage : configuration Tailwind…localConvertisseur OKLCHExplorez l’espace de couleur OKLCH, perceptuellement uniforme, grâce à des curseurs en temps réel.…localTrouveur de nom de couleurCollez un code HEX pour obtenir son nom le plus proche, lisible par un humain, ainsi que des noms de…localMélangeur de couleursChoisissez deux couleurs et un nombre d’étapes pour obtenir des couleurs de transition régulièrement…localVérificateur de contraste APCACalculez le contraste de luminance APCA (Lc) entre le texte et le fond, découvrez les usages adaptés et…localSimulateur de daltonismeImportez une capture d'écran ou une maquette et visualisez-la côte à côte avec huit types de déficience de…localConvertisseur de couleursCollez n'importe quelle couleur CSS — HEX, rgb(), hsl(), hwb(), oklch() ou un nom comme tomato — et…localGénérateur de filtre CSSAjustez le flou, la luminosité, le contraste, la saturation, la teinte, les niveaux de gris, le sépia,…localExtracteur de palette d'imageTrouvez la palette de couleurs de n'importe quelle image : photo, logo, capture d'écran ou maquette.…