Gestalten und Spielen
Farben und Design
14 kostenlose Tools für alle, die mit Farben arbeiten: eine Palette erstellen, Komplementärfarben sowie hellere und dunklere Abstufungen finden, Farbcodes umwandeln, den Kontrast für die Barrierefreiheit prüfen, Farbenblindheit simulieren, CSS-Verläufe, Schatten und abgerundete Ecken erzeugen, dazu Hintergrundmuster.
Am häufigsten gesucht
CSS-Farbnamen
Alle 148 benannten CSS-Farben mit Vorschau und Hex-Code: suchen, nach Farbton sortieren, kopieren.
Farbpaletten-Generator
Erzeuge Paletten mit 5 Farben und Harmonien, sperre Favoriten und kopiere HEX-Codes.
Komplementärfarben
Komplementäre, triadische, analoge und geteilt komplementäre Paletten mit Hex-Codes.
Systemschriften-Vorschau
Text in gängigen Systemschriften ansehen und einen fertigen CSS-Stack kopieren
Hintergrundmuster
Punkte, Streifen, Raster, Zickzack und Wellen: nahtlose PNG-Kacheln zum Herunterladen.
Farbabstufungen
Erzeuge 10 hellere und 10 dunklere Abstufungen jeder Farbe, mit Hex-Codes zum Kopieren.
Alle, von A bis Z 14
Border-Radius-Generator
Abgerundete Ecken und Blob-Formen mit 4 oder 8 Radien, Live-Vorschau und CSS zum Kopieren.
Box-Shadow-Generator
CSS-Schatten mit Live-Vorschau: Versatz, Unschärfe, Farbe und Code zum Kopieren.
CSS-Farbnamen
Alle 148 benannten CSS-Farben mit Vorschau und Hex-Code: suchen, nach Farbton sortieren, kopieren.
CSS-Farbverlauf-Generator
Lineare und radiale CSS-Farbverläufe mit Live-Vorschau und Code zum Kopieren.
Farbabstufungen
Erzeuge 10 hellere und 10 dunklere Abstufungen jeder Farbe, mit Hex-Codes zum Kopieren.
Farbenblindheit simulieren
Sieh ein Bild so, wie es Menschen mit Protanopie, Deuteranopie oder Tritanopie sehen.
Farbkonverter
Farben zwischen HEX, RGB, HSL und CMYK umrechnen, mit Live-Vorschau und Kopieren per Klick.
Farbpaletten-Generator
Erzeuge Paletten mit 5 Farben und Harmonien, sperre Favoriten und kopiere HEX-Codes.
Farbwähler
Wähle eine Farbe per Klick und kopiere HEX-, RGB- und HSL-Code, mit gespeichertem Verlauf.
Hintergrundmuster
Punkte, Streifen, Raster, Zickzack und Wellen: nahtlose PNG-Kacheln zum Herunterladen.
Komplementärfarben
Komplementäre, triadische, analoge und geteilt komplementäre Paletten mit Hex-Codes.
Systemschriften-Vorschau
Text in gängigen Systemschriften ansehen und einen fertigen CSS-Stack kopieren
WCAG-Kontrastprüfer
Kontrastverhältnis von Text und Hintergrund nach WCAG AA und AAA prüfen.
Zufallsfarbe
Zufällige Farben mit HEX- und RGB-Code erzeugen: Pastell, dunkel und kompletter Verlauf.