CSS- und Farb-Tools
Die Design-Werkzeuge von Nouplo für Frontend-Arbeit an einem Ort: CSS zum Einfügen, Farbumrechnung und Kontrastprüfung, Paletten und Farbpipetten sowie Icons, SVG und Blindtext. Alles läuft in Ihrem Browser.
CSS-Generatoren
Farbe und Kontrast
◒ Farb-Umrechner HEX, RGB, HSL und CMYK – dazu das Kontrastverhältnis, das über Lesbarkeit entscheidet. ◐ Kontrastprüfer Ob es überhaupt jemand lesen kann. ◒ Bildtools Farbpalette erstellen Leertaste für eine neue Palette – Farben, die Ihnen gefallen, einfach sperren. ◉ Bildtools Farbe aus Bild bestimmen Ein Klick für den Farbcode, ein Knopf für die Farbpalette des Bildes. ◉ Bildtools Farbpalette aus einem Bild Die Hauptfarben des Bildes, als Hex-Codes. ◒ Bildtools Farbenblindheit-Simulator Etwa jeder zwölfte Mann kann eine rot-grüne Legende nicht lesen.
Icons, SVG und Blindtext
◰ Bildtools Favicon erstellen Ein Bild hinein – favicon.ico, Apple Touch Icon, Manifest-Icons und die Tags zum Einfügen heraus. ⇄ Konverter SVG in PNG Aus einer Vektorgrafik eine scharfe Pixelgrafik machen, für alle Stellen, die kein SVG annehmen, ohne sie irgendwohin zu senden. ◇ Konverter Bild in SVG umwandeln Ein Bild in Konturen, die in jeder Größe scharf bleiben. • Texttools Blindtext-Generator Platzhaltertext für Layouts und Entwürfe, in so vielen Absätzen, Sätzen oder Wörtern, wie Sie brauchen.
Häufige Fragen
- Kann ich das Ergebnis direkt ins Stylesheet einfügen?
- Ja. Die Seiten für Verläufe, box-shadow und cubic-bezier schreiben die CSS-Deklaration selbst, fertig zum Kopieren, und der Farb-Umrechner gibt dieselbe Farbe in jeder CSS-Schreibweise aus.
- Welchen Kontrast-Standard nutzt der Prüfer?
- WCAG 2: Er zeigt das Kontrastverhältnis und ob ein Farbpaar AA und AAA für Fließtext, großen Text und Bedienelemente erfüllt.
- Warum führen manche Karten auf eine andere Website?
- Der Paletten-Generator, die Farbpipette und der Favicon-Generator arbeiten mit Bildern und sind deshalb auf der Bild-Website von Nouplo; die SVG-Umwandlung ist auf der Konverter-Website und der Blindtext auf der Text-Website. Die Karten sagen, wohin sie führen.
- Werden meine Bilder hochgeladen?
- Nein. Bilder, aus denen Sie Farben bestimmen oder ein Favicon machen, werden in Ihrem Browser gelesen und verlassen Ihr Gerät nie.