Zum Hauptinhalt springen
Converty

Farbkonverter

Konvertiere zwischen hex, RGB, HSL, OKLCH und OKLAB, während du Kontrast prüfst und CSS-fertige Tokens exportierst.

Unterstützt hex, rgb(), hsl(), oklch(), oklab() und benannte CSS-Farben.

Aktuelle Farbe

#953769

Vorgeschlagene Vordergrundfarbe

#FFFFFF

Komplementärfarbe

#007653

Hex
RGB(A)
HSL(A)
OKLCH
OKLAB
Alpha
Tailwind-Theme
Generiere aus der aktuellen Farbe eine vollständige Markenpalette für Tailwind CSS 4 oder 3.
50
oklch(94.5% 0.0212 350.46)
100
oklch(89.49% 0.0339 350.46)
200
oklch(81.48% 0.0542 350.46)
300
oklch(72.47% 0.0771 350.46)
400
oklch(61.46% 0.105 350.46)
500
oklch(48.44% 0.138 350.46)
600
oklch(43.57% 0.1236 350.46)
700
oklch(38.7% 0.1093 350.46)
800
oklch(33.22% 0.0932 350.46)
900
oklch(27.74% 0.077 350.46)
950
oklch(23.48% 0.0644 350.46)
CSS-Variablen

Über CSS-Farbkonvertierung

Farbkonverter helfen dir, dieselbe Farbe zwischen HEX, RGB, HSL, OKLCH und OKLAB zu übertragen. Sie sind besonders nützlich, wenn du lesbare Ausgaben, Kontrastkontext und Werte für CSS oder Tailwind brauchst.

HEX, RGB, HSL und CSS-Farben

HEX, RGB und HSL decken die meisten täglichen Browser-, Design- und Frontend-Workflows ab.

Schnelle Konvertierung lässt dich einen Wert einfügen und überall wiederverwenden, ohne die Syntax manuell umzuschreiben.

Warum OKLCH und OKLAB wichtig sind

OKLCH und OKLAB eignen sich besser für weiche Skalen und vorhersehbare Änderungen der Helligkeit.

Sie erleichtern Palettenarbeit, wenn dir ausgewogene Abstufungen und verlässlicher Kontrast wichtig sind.

Kontrastprüfungen und Tailwind-Ausgabe

Kontrastprüfungen und frameworkfertige Ausgaben machen einen Konverter zu einem praktischen UI-Tool.

Du kommst schneller von einer Eingabefarbe zu gut lesbaren Textfarben und Tailwind-freundlichen Tokens.

Häufig gestellte Fragen

Antworten zu unterstützten Farbformaten, wann perceptual Farbräume wie OKLCH sinnvoll sind und wie Kontrast- und Tailwind-Ausgaben zu verstehen sind.

Weitere Tools

Durchsuche alle dedizierten Tool-Seiten über den Homepage-Hub oder den zentrierten Selector im Header.

Bilder

WebP-Konverter

Konvertiere bis zu 10 JPEG-, PNG- oder WebP-Bilder mit Qualitäts-Presets und ZIP-Downloads in WebP.

Öffnen WebP-Konverter

Assets

Favicon- / App-Icon-Generator

Lade ein quadratisches Ausgangsbild hoch und generiere ein Favicon-Paket mit App-Icons und einem Starter-Web-Manifest.

Öffnen Favicon-Generator

Datenformate

JSON / YAML / TOML-Konverter

Validiere, prettifye, minifiziere und konvertiere JSON, YAML und TOML mit klaren Kompatibilitätswarnungen.

Öffnen JSON / YAML / TOML

Datenformate

CSV-Validator

Validiere CSV-Dateien und eingefügte Zeilen mit Delimiter-Erkennung, Header-Prüfungen, Problemlisten und geparsten Vorschauen.

Öffnen CSV-Validator

Text

Case, Slug und Escape

Konvertiere Text in camelCase, snake_case, kebab-case, PascalCase, Slugs und gängige Escape-Formen.

Öffnen Case, Slug und Escape

Text

Markdown-Validator und Vorschau

Validiere Markdown-Struktur, sieh dir die gerenderte Ausgabe an und finde typische Authoring-Probleme vor dem Veröffentlichen.

Öffnen Markdown-Validator