Farben umrechnen
Wechsle zwischen HEX, RGB und HSL und kontrolliere gültige Kanalbereiche.
Kategorie
Design-Tools für Farben und CSS-Werte
Konvertiere Farbwerte, berechne Kontrast und erzeuge nachvollziehbare CSS-Angaben für Layouts. Eine Vorschau hilft beim Prüfen, ersetzt aber keinen Test im Zielprojekt.
Typische Aufgaben
Lesbarkeit prüfen
Vergleiche Text- und Hintergrundfarben über ihr berechnetes Kontrastverhältnis.
CSS und Layout
Erzeuge Clamp-, Schatten-, Verlaufs- und Verhältniswerte als Ausgangspunkt für dein Stylesheet.
Ausgewählte Design-Tools
Design
Farbkonverter
Wandle Farben zwischen HEX, RGB, RGBA, HSL und HSLA um und kopiere die normalisierten Werte direkt.
Tool öffnen →Design
Kontrast Checker
Berechne das Kontrastverhältnis zwischen Text- und Hintergrundfarbe als Orientierung.
Tool öffnen →Design
CSS Clamp Generator
Erzeuge eine CSS-clamp()-Funktion für einen fließend skalierenden Pixelwert.
Tool öffnen →Design
Box Shadow Generator
Erzeuge eine kopierbare CSS-box-shadow-Deklaration aus Versatz, Unschärfe, Ausbreitung und Farbe.
Tool öffnen →Design
CSS Gradient Generator
Erzeuge einen linearen CSS-Farbverlauf aus Winkel, Start- und Endfarbe.
Tool öffnen →Design
Seitenverhältnis Rechner
Kürze Breite und Höhe auf ein Seitenverhältnis und nutze gängige Formatvorlagen.
Tool öffnen →Wobei diese Werkzeuge helfen
Nutze die Werkzeuge, um Farbnotationen zu übertragen, Kontrastwerte zu vergleichen oder CSS-Deklarationen vorzubereiten. Browserdarstellung, Farbprofile und der gesamte Nutzungskontext können darüber hinaus eine eigene Prüfung erfordern.
Grenzen und Datenschutz: Kontrastwerte und Farbvorschauen sind Rechen- und Prüfhilfen. Sie garantieren weder vollständige Barrierefreiheit noch farbverbindliche Ausgabe auf jedem Gerät.
Alle Tools dieser Kategorie
13 Werkzeuge sind dieser Kategorie direkt zugeordnet.
Design
Farbkonverter
Wandle Farben zwischen HEX, RGB, RGBA, HSL und HSLA um und kopiere die normalisierten Werte direkt.
Tool öffnen →Design
Seitenverhältnis Rechner
Kürze Breite und Höhe auf ein Seitenverhältnis und nutze gängige Formatvorlagen.
Tool öffnen →Design
Pixel zu REM
Rechne Pixel anhand einer frei wählbaren Root-Schriftgröße in rem um.
Tool öffnen →Design
REM zu Pixel
Rechne rem anhand einer frei wählbaren Root-Schriftgröße in Pixel um.
Tool öffnen →Design
HEX zu RGB
Wandle einen HEX-Farbwert in seine RGB-Komponenten um.
Tool öffnen →Design
RGB zu HEX
Wandle rote, grüne und blaue Farbkanäle in einen HEX-Farbwert um.
Tool öffnen →Design
HEX zu HSL
Wandle einen HEX-Farbwert in Farbton, Sättigung und Helligkeit um.
Tool öffnen →Design
HSL zu HEX
Wandle Farbton, Sättigung und Helligkeit in einen HEX-Farbwert um.
Tool öffnen →Design
Kontrast Checker
Berechne das Kontrastverhältnis zwischen Text- und Hintergrundfarbe als Orientierung.
Tool öffnen →Design
CSS Clamp Generator
Erzeuge eine CSS-clamp()-Funktion für einen fließend skalierenden Pixelwert.
Tool öffnen →Design
Border Radius Generator
Erzeuge eine CSS-border-radius-Deklaration aus vier Eckradien.
Tool öffnen →Design
Box Shadow Generator
Erzeuge eine kopierbare CSS-box-shadow-Deklaration aus Versatz, Unschärfe, Ausbreitung und Farbe.
Tool öffnen →Design
CSS Gradient Generator
Erzeuge einen linearen CSS-Farbverlauf aus Winkel, Start- und Endfarbe.
Tool öffnen →Häufige Fragen zu Design
Welche Farbformate unterstützt der Farbkonverter?
Der zentrale Farbkonverter stellt HEX, RGB und HSL gegenüber; die Eingabefelder nennen die jeweils gültigen Bereiche.
Garantiert ein Kontrastwert Barrierefreiheit?
Nein. Schriftgröße, Gewicht, Zustände und die gesamte Oberfläche müssen zusätzlich geprüft werden.
Sind erzeugte CSS-Werte sofort produktionsreif?
Sie sind eine kopierbare Ausgangsbasis. Prüfe sie anschließend in den Zielbrowsern und mit den tatsächlichen Layoutgrenzen.
Weitere Kategorien
Entwickler
Tools für Daten und Entwicklung.
Kategorie entdecken →Dateien
Dateien direkt und lokal im Browser prüfen.
Kategorie entdecken →Business
Praktische Rechner für den Arbeitsalltag.
Kategorie entdecken →Text
Kleine Texttools zum Zählen, Umwandeln und Bereinigen von Inhalten.
Kategorie entdecken →Datum & Zeit
Kleine Rechner für Daten, Fristen, Zeiträume und Uhrzeiten.
Kategorie entdecken →Einheiten
Einfache Umrechner für Maße, Gewichte, Temperaturen, Datenraten und Alltagseinheiten.
Kategorie entdecken →Web & SEO
Kleine Tools für URLs, HTML, Meta-Daten und Web-Arbeit.
Kategorie entdecken →