Design et couleur
Kleurstaal« kleurstaal », le nuancier en néerlandais
Vérifier le contraste, tirer une palette d’une photo, créer dégradés, ombres et balises meta.
En ligne14 outils
Tous les outils de Kleurstaal (14)
Chaque outil a sa propre page sur Kleurstaal, dans votre langue. Cliquez et vous pouvez commencer tout de suite.
- Vérifier le contraste des couleursVérifiez si votre texte est lisible sur son fond selon les WCAG, avec une couleur proche qui réussit.
- Palette de couleurs d’une photoExtrayez les couleurs principales d’une photo ou d’un logo, à copier en HEX, CSS ou Tailwind.
- Convertir une couleurConvertissez un code couleur en HEX, RGB, HSL, OKLCH, CMYK et plus, avec le nom CSS le plus proche.
- Créer une échelle de couleursTransformez une couleur de marque en échelle de 50 à 950, avec le contraste de chaque palier.
- Créer un dégradéCréez un dégradé linéaire, radial ou conique sans bande grise au milieu, en CSS prêt à copier.
- Créer une ombreCréez des ombres douces et superposées qui paraissent réelles, avec un aperçu clair et sombre.
- Associer des policesChoisissez parmi douze paires de polices pour titres et texte, et essayez-les avec votre texte.
- Optimiser un SVGAllégez un SVG en retirant le code superflu, avec l’avant et l’après côte à côte.
- Créer des balises metaRédigez titre, description, Open Graph et hreflang de votre page, avec un aperçu en résultat de recherche.
- Simulateur de daltonismeVoyez une image ou une palette comme la voit une personne atteinte de daltonisme.
- Matrice de contrastePlacez chaque couleur de votre palette sur chaque autre et voyez quelles paires atteignent AA ou AAA.
- Couleur d’une imagePointez une couleur dans une photo ou une capture d’écran et copiez son code.
- Harmonie de couleursTrouvez les couleurs complémentaires, analogues ou en triade d’une couleur, sur la roue OKLCH.
- Échelle typographique fluideCréez des tailles de police qui grandissent du mobile au grand écran, en CSS avec clamp().
Ce que fait Kleurstaal
Kleurstaal est la table à dessin de Handig, pour qui crée une affiche, une identité ou un site. Ce texte est-il lisible sur cette couleur ? Quelles couleurs dans mon logo ? Comment une personne daltonienne voit-elle ceci ? Tout dans votre navigateur.
Où le travail se fait
Sur votre appareil
Tout se passe dans votre navigateur. Rien n’est envoyé.
La page de chaque outil le répète, précisément pour cet outil.