Stimmige Farben und harmonische Proportionen machen gutes Design aus. Diese Werkzeuge helfen bei Farbpaletten, Kontrasten und Skalen.
Von Farbabstufungen und Mischfarben ueber Kontrast-Checks bis zu typografischen Skalen und dem Goldenen Schnitt unterstuetzen dich die Tools bei UI- und Grafikentscheidungen. Ergebnisse lassen sich direkt als CSS uebernehmen.
Alle Tools dieser Kategorie
- Aspect Ratio Rechner – Seitenverhältnis berechnen und neue Breite oder Höhe skalieren.
- Bildgröße Rechner – Pixel, Megapixel und ungefaehre unkomprimierte Dateigröße berechnen.
- Crop Rechner – Bild-Crop für Ziel-Seitenverhältnis berechnen.
- DPI Pixel Rechner – Printgröße, Pixel und DPI umrechnen.
- DPI Rechner – Druckgröße aus Pixeln und DPI berechnen.
- Farbkontrast Checker – Kontrast zwischen Textfarbe und Hintergrund nach WCAG grob prüfen.
- Farbpalette Generator – Aus einer Basisfarbe passende Farbpalette erzeugen.
- Fluid Spacing Generator – Fluid CSS clamp() für Schriftgrößen und Abstaende erzeugen.
- HSL Farb Generator – HSL-Farbe aus Hue, Saturation und Lightness erzeugen.
- Viewport Rechner – px in vw, vh, vmin und vmax umrechnen.
Diese und ueber 500 weitere kostenlose Werkzeuge findest du in der kompletten Webtools-Uebersicht. Alle Rechner laufen direkt im Browser, sind kostenlos und kommen ohne Anmeldung aus.
