Handig · design et couleur
Couleur et design, dessinés sur mesure
Vérifiez le contraste de vos couleurs, tirez une palette d’une photo, créez une échelle de couleurs ou une ombre douce. Kleurstaal calcule tout dans votre propre navigateur : ce que vous collez ou glissez ne va nulle part.
- Reste sur votre appareil
- Pas de compte
- Gratuit et illimité
- Sur blanc
- 9.52:1 · AAA
- Sur noir
- 2.20:1 · –
Faites glisser sur l’éventail ou utilisez les flèches. Cette couleur dans l’outil de contraste
Commencer ici
Votre couleur ou votre image
Une couleur dans n’importe quelle notation, une photo, un logo ou un SVG. Kleurstaal vous propose les outils qui conviennent. Tout reste sur votre appareil.
Les outils
14 outils pour la couleur et le design
Couleur
Contraste, palettes, pipette, codes couleur, harmonies, échelles et daltonisme.
- Vérifier le contraste des couleursVotre texte est-il lisible sur ce fond ? WCAG AA et AAA, avec une couleur qui réussit.
- Matrice de contrasteChaque couleur de votre palette sur chaque autre : quelles paires atteignent AA ou AAA ?
- Palette de couleurs d’une photoLes couleurs principales d’une photo ou d’un logo, en HEX, CSS ou Tailwind. La photo reste sur votre appareil.
- Couleur d’une imagePointez une couleur dans une photo ou une capture et copiez son code.
- Convertir une couleurDe HEX vers RGB, HSL, HWB, OKLCH, OKLab et CMYK, avec le nom CSS le plus proche.
- Harmonie de couleursComplémentaire, analogue, triade et plus, à partir d’une couleur sur la roue OKLCH.
- Créer une échelle de couleursD’une seule couleur, une échelle de 50 à 950, avec le contraste de chaque pas. Pour CSS et Tailwind.
- Simulateur de daltonismeVoyez votre design ou votre palette comme une personne atteinte de protanopie, de deutéranopie, de tritanopie ou sans couleur.
Forme
Dégradés, ombres, associations de polices et échelle typographique fluide.
- Créer un dégradéLinéaire, radial ou conique, avec autant de couleurs que vous voulez et sans bande grise au milieu. CSS prêt.
- Créer une ombreDes ombres douces en couches plutôt que des bordures, avec un aperçu en clair et en sombre.
- Associer des policesDes associations de polices choisies pour les titres et le texte, avec un aperçu en quatre langues.
- Échelle typographique fluideDes tailles de police qui grandissent du mobile au grand écran, avec clamp().
Web
Nettoyer un SVG et créer les balises meta de votre page.
Tout dans votre navigateur
Kleurstaal calcule sur votre propre ordinateur ou GSM. Ce que vous collez ou ouvrez n’est envoyé à aucun serveur, pas même un instant.
Pas de compte
Pas d’adresse e-mail, pas de mot de passe, pas d’inscription. Vous ouvrez et vous commencez.
Une exception, en toute franchise
Seul l’aperçu des associations de polices charge des polices chez Google Fonts, et seulement à votre demande. Le code que vous emportez les héberge chez vous.
Pas de pub, pas de pistage
Pas de cookies pour vous suivre, pas de publicités. Kleurstaal est un outil gratuit de nealvdv.
Fait partie de Handig
D’autres outils gratuits
Kleurstaal fait partie de Handig : des outils gratuits pour les petites tâches de tous les jours sur vos fichiers, tous dans votre navigateur et sans compte.
Sur mesure
Votre propre identité visuelle sur votre site ?
nealvdv crée des sites web et des outils de gestion pour les entreprises et les associations, avec des couleurs lisibles et des outils comme celui-ci là où ils sont utiles.
Vers nealvdv.be (s’ouvre dans un nouvel onglet)