SYSTEM INITIALIZATION
Erweiterte Farbwerkzeug bereit.
Wähle eine Farbe visuell, passe die Töne an und generiere eine professionelle Palette.
VISUELLE AUSWAHL DER BASISFARBE
AKTIVE MUSTERFARBE
SCHNELLFARBEN
Du musst den Farbcode nicht kennen: Wähle die Farbe direkt aus der visuellen Palette und das System erzeugt automatisch HEX, RGB, HSL, HSV und CMYK.
CHROMATISCHES KONTROLLZENTRUM
SYSTEMÜBERSICHT
AKTIVE FARBE
#1D63FF
HAUPTFORMATE
- HEX#1D63FF
- RGBrgb(29, 99, 255)
- HSLhsl(221, 100%, 56%)
- HSVhsv(221, 89%, 100%)
- CMYKcmyk(89%, 61%, 0%, 0%)
FARBMETADATEN
- Relative Luminanz0.168
- Empfohlener TextWeiß
- Visuelle TemperaturKühl
- SÄTTIGUNGHoch
- HelligkeitMittel / hoch
SCHNELLE TONSTUFEN
EMPFEHLUNGEN
- Die aktive Farbe eignet sich gut als Hauptfarbe für Benutzeroberflächen.
- Kombiniere sie mit einem hellen Neutralton für eine bessere visuelle Hierarchie.
- Prüfe den Kontrast, bevor du sie für kleinen Text verwendest.
- Nutze den Verlaufsbereich für reichhaltigere Hintergründe.
ERWEITERTER FARBKONVERTER
DIREKTE EINGABE
SEKUNDÄRER VISUELLER WÄHLER
PALETTENGENERATOR
PALETTENEINSTELLUNGEN
FARBHARMONIEN
VERFÜGBARE TYPEN
- Komplementär-
- Analog-
- Triadisch-
- Tetradisch-
- Monochromatisch-
HARMONIEAUSWAHL
HARMONIEANSICHT
KONTRAST UND BARRIEREFREIHEIT
VERGLEICH
Vorschau
Beispieltext zur Lesbarkeitsprüfung
Kleiner Text · Button · Oberfläche · Barrierefreiheit
WCAG-ERGEBNIS
- Verhältnis-
- AA normaler Text-
- AA großer Text-
- AAA normaler Text-
- AAA großer Text-
VERLAUFSGENERATOR
EINSTELLUNGEN
VORSCHAU
background: linear-gradient(90deg, #1D63FF 0%, #FFAE24 100%);
DATENEXPORT
VERFÜGBARE FORMATE
AUSGABE
VERLAUF UND FAVORITEN
LETZTE FARBEN
SCHNELLE AKTIONEN
- Klicke auf ein Farbfeld, um es als aktive Farbe zu laden.
- Nutze „Zufallsfarbe“, um unerwartete Kombinationen zu entdecken.
- Sperre Palettenfarben und generiere den Rest neu.
- Exportiere CSS-Variablen für deine Projekte.
BESCHREIBENDER TEXT
Mit dieser Online-Farbpalette kannst du professionell mit HEX, RGB, HSL, HSV und CMYK arbeiten, Harmonien erzeugen, Kontraste prüfen und Verläufe direkt im Browser erstellen.
Ideal für Webdesign, Branding, Interfaces, soziale Netzwerke, Druck und visuelle Prototypen, wenn du exakte Codes und ausgewogene Kombinationen brauchst.
Enthält außerdem schnellen Export, lokalen Verlauf und automatische Empfehlungen zur Verbesserung von Barrierefreiheit und Farbkonsistenz.