Farbe & Design
Farben erkunden und praktische CSS-Ausgaben erstellen.
Farbauswahl und UmrechnerGib eine Farbe ein oder wähle sie aus, um sie zu prüfen und ihre HEX-, RGB- und HSL-Werte zu sehen.Farbpaletten-GeneratorErzeuge aus einer gewählten Farbe komplementäre, analoge, triadische oder monochromatische Paletten.CSS-Verlaufs-GeneratorErstelle einen linearen oder radialen CSS-Verlauf und bearbeite Farbstopps, Richtung und weitere verfügbare Einstellungen.WCAG-KontrastprüferVergleiche Vorder- und Hintergrundfarbe und berechne das Kontrastverhältnis anhand der unterstützten WCAG-AA- und AAA-Schwellen.Farbtöne und SchattierungenErzeuge hellere und dunklere HEX-Varianten einer ausgewählten Farbe.Bildfarben-ExtraktorWähle ein Bild aus, um seine repräsentativen Farben lokal im Browser auszulesen und anzuzeigen.CSS-Schatten-GeneratorPasse Versatz, Unschärfe, Ausdehnung, Farbe, Deckkraft und inset einer Box-Schatten-Einstellung an und kopiere das CSS.CSS-Eckenradius-GeneratorLege jeden Eckenradius einzeln fest, sieh die Form in der Vorschau und kopiere den CSS-Wert für border-radius.CSS-Button-GeneratorKonfiguriere die verfügbaren Stiloptionen eines Buttons, sieh die Vorschau und kopiere das erzeugte HTML und CSS.FarbenblindheitssimulatorSieh dir ein hochgeladenes Bild mit dem Protanopie-Simulationsfilter des Werkzeugs an.