Design-Tools

Visueller Farbwähler mit Konvertierung in HEX, RGB, HSL, HSV, CMYK, HWB und CIE LAB. Bidirektionale Eingaben, WCAG-Kontrastprüfung, CSS-Variablen-Ausgabe - Kostenloser Online-Farbwähler.

Geben Sie eine HEX- oder RGB-Farbe ein und finden Sie sofort den nächsten benannten Farbnamen aus über 300 CSS-, X11- und Pantone-Farben. Suche nach Name oder Durchsuchen der gesamten Datenbank - Kostenloser Online-Farbnamen-Finder.

Berechnen Sie das WCAG-2.1-Kontrastverhältnis und prüfen Sie die AA/AAA-Konformität für normalen Text, großen Text und UI-Komponenten - Live-Vorschau, HEX- und RGB-Eingabe. Kostenloser Online-Kontrastprüfer.

Berechnen Sie den wahrnehmbaren Farbunterschied (ΔE 2000 / CIEDE2000) zwischen zwei Farben - geben Sie HEX- oder RGB-Werte ein und erhalten Sie den Delta-E-Score mit visuellem Vergleich und CIE-L*a*b*-Aufschlüsselung. Kostenloser Online-Farbdifferenz-Rechner.

Erzeugen Sie Tints (mit Weiß gemischt) und Shades (mit Schwarz gemischt) aus jeder Grundfarbe - 5-12 Stufen, CSS-Variablen, Tailwind-Konfiguration und HEX-Listen-Export. Kostenloser Online-Tint- und Shade-Generator.

Durchsuchbare Referenz aller Material Design 3 (Material You) Farbtokens - Farbrollen, tonale Paletten, CSS-Variablennamen und Werte für helle/dunkle Themes. Klicken Sie auf eine Fläche zum Kopieren.

Erstellen Sie lineare, radiale und konische CSS-Verläufe visuell: Farbstopps wählen, Positionen festlegen, Richtung bestimmen und den CSS-background-Wert sofort kopieren. Bis zu 8 Stopps - kostenloser Online-Farbverlauf-Generator.

Mischen Sie zwei beliebige Farben in einem eigenen Verhältnis im Modus sRGB, Linear oder Oklab – Ergebnis in HEX, RGB, HSL und HSV mit einer 11-stufigen Verlaufvorschau. Kostenloser Online-Farbmischer.

Rechnen Sie jeden Kelvin-Wert (1000 K-10000 K) in die ungefähre RGB- und HEX-Farbe um – interaktive Skala, 12 Lichtquellen-Voreinstellungen, RGB-Kanalaufschlüsselung. Kostenloser Online-Farbtemperatur-Konverter.

Wandeln Sie jede Farbpalette des Hellmodus in Dunkelmodus-Entsprechungen um – mit WCAG-Kontrastprüfung, drei Anpassungsmodi sowie Export als CSS-Variablen und Tailwind-Konfiguration. Kostenloser Online-Dunkelmodus-Adapter.

Suchen, filtern und kopieren Sie alle 148 benannten CSS-Farben mit HEX-, RGB- und HSL-Werten. Filter nach 12 Farbfamilien - kostenlose Online-Referenz benannter CSS-Farben.

Erfahren Sie, was jede wichtige Farbe in Marketing und Design bedeutet – psychologische Assoziationen, kultureller Kontext, Branding-Einsatz und Design-Tipps für 12 Farbfamilien. Durchsuchbar. Kostenlose Online-Referenz zur Farbpsychologie.

Rechnen Sie HEX in HSL, RGB in HSL und zwischen allen Farbformaten sofort um. Bidirektionale Eingaben – HEX, RGB, HSL, HSV und einzelne Kanalwerte. Kostenloser Online-HEX-zu-HSL-Rechner.

Suchen und kopieren Sie Markenfarben von über 200 großen Marken – Apple, Google, Meta, Nike und mehr. HEX- und RGB-Werte, 10 Branchenkategorien - kostenlose Online-Markenfarben-Suche.

Erzeugen Sie Zufallsfarben mit einem Klick – zeigt HEX, RGB, HSL, CMYK und HWB. Sperren Sie Farbton, Sättigung oder Helligkeit. Legen Sie Min-/Max-Bereiche fest. Bis zu 50 Farben im Stapel erzeugen - kostenloser Online-Zufallsfarben-Generator.

Interaktiver Farbkreis: Klicken Sie auf eine beliebige Position, um komplementäre, analoge, triadische, tetradische und monochromatische Harmonien zu erkunden – mit Export als CSS-Variablen. Kostenloser Online-Farbharmonien-Explorer.

Erzeugen Sie einen eigenen SVG- oder PNG-Farbkreis für jede Helligkeit und Sättigung. Wählen Sie aus 7 Voreinstellungen, passen Sie Segmentanzahl und Innenradius an und laden Sie ihn sofort herunter - kostenloser Online-Farbkreis-Generator.

Rechnen Sie alle 213 RAL-Classic-Farbcodes in HEX und RGB um. Suchen Sie nach RAL-Code, englischem oder deutschem Farbnamen oder HEX-Wert. Filter nach Kategorie - kostenloser Online-RAL-zu-HEX-Konverter.

Rechnen Sie Pantone-PMS-Referenzen in ungefähre HEX- und RGB/HSL-Werte für digitales Design um. Suchen Sie nach Code, Name oder HEX-Wert - kostenloser Online-Pantone-zu-HEX-Konverter.

Rechnen Sie rgba() in HEX8 und hsla() in rgba() um und sehen Sie Mischungsvorschauen auf weißem, schwarzem und eigenem Hintergrund – mit Generator für Deckkraftskalen. Kostenloser Online-Deckkraft-Alpha-Konverter.

Kuratierte Galerie mit über 110 CSS-Verlaufshintergründen: stöbern Sie nach Stil (Sonnenuntergang, Ozean, Neon, Dunkel, Pastell und mehr) und kopieren Sie den CSS-background-Wert mit einem Klick. Kostenlose Online-Bibliothek für Verlaufshintergründe.

Erzeugen Sie scannbare QR-Codes für URLs, WLAN, vCards und reinen Text – Download als SVG oder PNG. Kostenloser Online-QR-Code-Generator.

Erstellen Sie Social-Preview-Banner (OG-Bilder) mit 1200×630 px, eigenem Text, Farben und Layouts - Kostenloser Online-OG-Bildgenerator.

Erzeugen Sie ein Favicon als PNG oder SVG aus Initialen, einem einzelnen Buchstaben oder einem beliebigen Emoji – ganz ohne Bild-Upload. Laden Sie alle Standardgrößen (16 px bis 512 px) herunter - Kostenloser Online-Favicon-Generator aus Text.

Wandeln Sie Text in große, stilisierte ASCII-Kunst mit FIGlet-Schriften um – 6 Schriftstile, 4 Zeichensätze, eigene Breite, Kopieren oder Download als .txt - Kostenloser Online-ASCII-Art-Generator.

Geben Sie bis zu 12 Farben mit eigenen Beschriftungen ein und laden Sie eine druckfertige PDF-Farbmusterkarte herunter – A4 oder Letter, 2/3/4 Spalten, HEX/RGB/HSL-Werte, Beschriftung innen oder darunter. Kostenloser Online-Farbmusterkarten-Generator.

Gestalten Sie beidseitige Visitenkarten mit Name, Position, Firma, Telefon, E-Mail, Website und Social-Media-Handles. Wählen Sie aus 4 Layoutvorlagen, passen Sie Farben und Schriften an und laden Sie eine druckbare PDF mit Schnittmarken herunter. Kostenloser Online-Visitenkarten-Designer - keine Anmeldung nötig.

Erstellen Sie horizontale Zeitstrahlen mit Daten, Meilensteinmarkern, Beschreibungen und farbcodierten Kategorien. Fügen Sie Zeilen für parallele Spuren hinzu. Export als PNG oder PDF. Kostenloser Online-Zeitstrahl-Generator - keine Anmeldung nötig.

Erzeugen Sie leere Meme-Vorlagen aus jedem Bild – mit Textplatzhaltern oben und unten sowie eigener Schriftgröße, Kontur, Schatten und Großschreibung. Wählen Sie aus 6 Meme-Vorlagen oder erstellen Sie Ihre eigene. Download als teilfertiges PNG oder Kopie in die Zwischenablage. Kostenloser Online-Meme-Vorlagen-Generator - keine Anmeldung nötig.

Sehen Sie alle 38 standardmäßigen CSS-Cursorstile beim Überfahren in der Vorschau und kopieren Sie die CSS-Deklaration mit einem Klick - Kostenloser Online-CSS-Cursor-Tester.

Zeigen Sie scrollgesteuerte CSS-Animationsverhalten (Einblenden, Hochschieben, Skalieren, Unschärfe) in der Vorschau mit anpassbaren Einstellungen und kopieren Sie den CSS- und JS-Code - Kostenlose Online-Scroll-Animations-Vorschau.

Fügen Sie einen beliebigen CSS-Farbwert ein – hex3, hex6, hex8, rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), lch(), lab() oder eine benannte Farbe – und erhalten Sie sofort alle entsprechenden Formate. Wandeln Sie ganze Stylesheets mit einem Klick um. Kostenloser Online-CSS-Farbformat-Konverter.

Verkleinern Sie eine Schriftdatei, indem Sie nur die Unicode-Zeichen behalten, die Ihre Seite tatsächlich verwendet – entscheidend für Core Web Vitals. Unterstützt TTF, OTF, WOFF und WOFF2. Kostenloser Online-Font-Subsetter.

Fügen Sie eine Zeichenkette ein und extrahieren Sie nur diese Glyphen in eine minimale Schriftdatei – ideal für Logotypen, Icon-Fonts und UI-Beschriftungen. Erzeugt einen CSS-Schnipsel mit unicode-range. Kostenloser Online-Subsetter für eigene Glyphen.

Entfernen Sie alle nicht-lateinischen Glyphen aus TTF- und OTF-Schriften – reduziert große CJK- oder Multi-Script-Schriften für rein englische Websites um 80–95 %. Analysiert OpenType-Binärdateien im Browser. Kostenloser Online-Subsetter nur für lateinische Zeichen.