Chromoforge
Farbwerkzeuge
Beginne mit einer Farbe oder einem Bild. Erzeuge Abstufungen, prüfe ein Kontrastpaar und exportiere Farben für dein Projekt.
Werkzeug verwenden
PaletteBeginne mit einer Farbe oder einem Bild. Erzeuge Abstufungen, prüfe ein Kontrastpaar und exportiere Farben für dein Projekt.Bildfarben-ExtraktorExtrahiere dominante Farben aus PNG-, JPG- oder WebP-Bildern lokal im Browser und erstelle exportierbare Paletten.Farbschattierungen GeneratorGeneriere eine 50-950 Skala aus einer Basisfarbe für UI Flächen, Borders, Hover und Dark Mode.WCAG-KontrastprüferPrüfe Text- und Hintergrundkontraste nach WCAG AA und AAA, teste echte Farbpaare und wähle lesbare Kombinationen.Farbkonverter: HEX, RGB, HSL und OKLCHWandle HEX, RGB, HSL oder OKLCH direkt in HEX, RGB, HSL und OKLCH um. Kopiere ein Format oder eine CSS-Variable. Kostenlos, lokal und ohne Konto.Generator für CSS-FarbvariablenErzeuge CSS-Variablen aus einer Farbe: Grundfarbe, lesbarer Text und elf Abstufungen von 50 bis 950. CSS direkt kopieren oder herunterladen.shadcn/ui-Theme-GeneratorErstelle ein shadcn/ui-Theme aus Primär-, Sekundär- und Neutralfarben. Helle/dunkle Vorschau und OKLCH-Tokens mit @theme inline für Tailwind v4.Tailwind-Farbpaletten-GeneratorErzeuge drei Tailwind-Farbskalen von 50 bis 950. Komponentenvorschau und Export als @theme v4, v3-Konfiguration, CSS-Variablen oder JSON.Farbpaletten-Generator für DiagrammeDiagrammpaletten für Kategorien, Reihenfolgen und Mittelpunkte erzeugen. Hintergrund wählen, Kontrast prüfen und JavaScript, JSON oder CSS exportieren.
Praktische Anleitungen
Zugängliche FarbpaletteGeneriere eine Palette im Haupttool und prüfe die vorgesehenen Text-Hintergrund-Paare.Brand Farbpalette GeneratorErstelle eine Markenpalette aus Logo oder Primary Farbe und exportiere CSS Variablen und Design Tokens.Farbenblindheit SimulatorPrüfe Paletten für Deuteranopie, Protanopie und Tritanopie, bevor riskante Kombinationen live gehen.Farbharmonie GeneratorGeneriere komplementäre, analoge, triadische, split, tetradische und monochromatische Farbharmonien.Farbpaletten-GeneratorGeneriere harmonische Farbpaletten aus einer Basisfarbe mit komplementären, analogen, triadischen und monochromatischen Regeln.Farblehre-GuideLerne Farbharmonie, WCAG-Kontrast und praktische Palettenentscheidungen für lesbare, konsistente Weboberflächen.Dark Mode Farbpalette GeneratorErstelle Dark Mode Paletten mit lesbarem Text, Muted Flächen, Borders und zugänglichen Akzenten.Design-Token-GeneratorErstelle Farb Design Tokens aus einer Palette und exportiere CSS Variablen, SCSS Maps, JSON und Tailwind Werte.CSS-VerlaufsgeneratorErstelle lineare, radiale und konische CSS-Verläufe aus einer Palette, kopiere den Code und prüfe saubere Farbübergänge.Website Farbschema GeneratorErstelle ein Website Farbschema mit Primary, Neutral und Accent Farben für Hero, Buttons, Cards und Formulare.