Outils CSS et couleurs
Les outils de design de Nouplo pour le front-end, réunis : du CSS prêt à coller, la conversion des couleurs et le contrôle du contraste, palettes et pipettes, et icônes, SVG et faux texte. Tout fonctionne dans votre navigateur.
Générateurs CSS
Couleurs et contraste
◒ Convertisseur de couleur HEX, RGB, HSL et CMJN — plus le rapport de contraste qui décide de la lisibilité. ◐ Vérificateur de contraste Si quelqu’un peut vraiment le lire. ◒ Outils image Générateur de palette de couleurs Barre d’espace pour une nouvelle palette ; verrouillez les couleurs qui vous plaisent. ◉ Outils image Pipette de couleur sur image Un clic pour un code couleur, un bouton pour la palette de l’image. ◉ Outils image Palette de couleurs d’une image Les couleurs principales de l’image, en codes hex. ◒ Outils image Simulateur de daltonisme Environ un homme sur douze ne peut pas lire une légende rouge sur vert.
Icônes, SVG et faux texte
◰ Outils image Générateur de favicon Une image en entrée ; favicon.ico, apple-touch-icon, icônes de manifeste et balises à coller en sortie. ⇄ Convertisseurs SVG en PNG Transformez un vecteur en image matricielle nette pour les plateformes qui refusent le SVG, sans rien envoyer. ◇ Convertisseurs Image en SVG Une image redessinée en contours qui restent nets à toute taille. • Outils texte Lorem Ipsum Du faux texte pour vos mises en page et vos maquettes, avec autant de paragraphes, de phrases ou de mots qu'il vous faut.
Questions fréquentes
- Puis-je coller le résultat directement dans ma feuille de style ?
- Oui. Les pages dégradé, box-shadow et cubic-bezier écrivent la déclaration CSS elle-même, prête à copier, et le convertisseur de couleur donne la même couleur dans chaque notation CSS.
- Quelle norme de contraste le vérificateur utilise-t-il ?
- WCAG 2 : il affiche le rapport de contraste et indique si une paire passe les niveaux AA et AAA pour le texte courant, le grand texte et les éléments d’interface.
- Pourquoi certaines cartes mènent-elles à un autre site ?
- Le générateur de palette, la pipette et le générateur de favicon travaillent sur des images, ils sont donc sur le site d’images de Nouplo ; la conversion SVG est sur le site de conversion et le Lorem Ipsum sur le site de texte. Les cartes indiquent où elles mènent.
- Mes images sont-elles envoyées ?
- Non. Les images ouvertes pour prélever des couleurs ou créer un favicon sont lues dans votre navigateur et ne quittent jamais votre appareil.