Dzzz

Outils de couleur

Palettes, dégradés, conversion de formats et vérification du contraste, le tout sur votre appareil.

#3B82F6
#F6AF3B

Des outils de couleur gratuits qui s'exécutent entièrement sur votre appareil : créez une palette à partir de n'importe quelle couleur de base avec six schémas d'harmonie, concevez des dégradés CSS linéaires, radiaux ou coniques avec aperçu en direct, convertissez entre HEX, RGB et HSL, et vérifiez le contraste du texte selon les seuils WCAG AA et AAA. Rien n'est envoyé : tout fonctionne hors ligne.

Par Dzzz AI Mis à jour

À propos de cet outil

Ce que vous fournissez

  • Une couleur de base en HEX, et un schéma d'harmonie.
  • Les points du dégradé, son type (linéaire, radial ou conique) et son angle.
  • Deux couleurs pour le test de contraste, et si le texte est de grande taille.

Ce que vous obtenez

  • Une palette que vous pouvez copier en liste HEX ou en variables CSS.
  • Le CSS du dégradé, et la couleur convertie entre HEX, RVB et HSL.
  • Un rapport de contraste avec un résultat conforme ou non conforme aux seuils WCAG AA et AAA.

Limites

  • Fonctionne en sRVB 8 bits — HEX, RVB et HSL uniquement, sans CMJN ni profils colorimétriques d'impression.
  • Les conversions aller-retour peuvent décaler un canal d'une unité, ce qui est un arrondi normal en 8 bits.
  • Le test de contraste porte sur les deux couleurs que vous saisissez, pas sur le reste d'une création graphique.

Comment l'utiliser

  1. Ouvrez un panneau

    Choisissez Palette, Dégradé ou Conversion et contraste dans la rangée d'onglets sous le titre.

  2. Créez une palette

    Dans Palette, définissez la couleur de base avec le sélecteur de couleur ou le champ HEX, choisissez une harmonie (Complémentaire, Analogue, Triadique, Tétradique, Complémentaire divisée ou Monochromatique), puis verrouillez les échantillons à conserver et appuyez sur Régénérer pour retirer les autres au hasard.

  3. Concevez un dégradé

    Dans Dégradé, choisissez Linéaire, Radial ou Conique, réglez « Angle (degrés) » — proposé pour les types linéaire et conique — et ajoutez ou retirez des arrêts de couleur avec leurs positions, pendant que l'aperçu et la ligne CSS en dessous se mettent à jour.

  4. Convertissez et vérifiez le contraste

    Dans Conversion et contraste, saisissez une valeur dans le champ HEX, RGB ou HSL et les deux autres suivent, puis définissez les couleurs du texte et du fond et cochez Grand texte pour lire le rapport de contraste avec ses verdicts AA et AAA.

  5. Copiez le résultat

    Utilisez Copier la liste HEX ou Copier les variables CSS dans la palette, Copier le CSS dans le panneau de dégradé, ou « Copier le lien vers ce résultat » pour partager les réglages que l'URL contient.

Questions fréquentes

Comment convertir une couleur entre HEX et RGB ?

Utilisez la fonction de conversion de format des outils de couleur pour convertir des couleurs d'un format à l'autre, directement sur votre appareil.

Puis-je vérifier ici le contraste des couleurs pour l'accessibilité ?

Oui, les outils de couleur incluent un vérificateur de contraste en plus des fonctions de conversion de format.

Les outils de couleur sont-ils gratuits et fonctionnent-ils entièrement sur votre appareil ?

Oui, ils sont gratuits et tout s'exécute entièrement sur votre appareil.