HSV-Farbkarte
Wählen Sie Farben auf einer interaktiven HSV-Farbkarte und konvertieren Sie sie sofort in HEX, RGB, HSL und HSV.
Farbkarte
Ausgewählte Farbe
Ausgewählte Farbe
#3C89D6
HEX
#3C89D6
RGB
rgb(60, 137, 214)
HSL
hsl(210, 65%, 54%)
HSV
hsv(210, 72%, 84%)
Sättigung
72%
Helligkeitswert
84%
Farben mit visueller Kontrolle wählen
Nutze die HSV-Farbkarte, wenn du eine Farbe visuell abstimmen und genaue Werte für Code oder Design kopieren möchtest. Sie eignet sich für UI-Zustände, Diagramme, Paletten, Themes und Markenexperimente.
Warum diese HSV-Farbkarte nutzen?
Visuelle Nuancenwahl
Klicke oder ziehe auf der Karte, um Sättigung und Wert mit direkter Vorschau anzupassen.
Mehrere Farbformate
Kopiere HEX, RGB, HSL und HSV aus derselben ausgewählten Farbe.
HEX einfügen und prüfen
Gib eine 6-stellige HEX-Farbe ein und bewege den Picker zur passenden HSV-Position.
Schnelle Farbtonsteuerung
Bewege den Farbton-Regler, um die Farbfamilie zu ändern und die Karte klar lesbar zu halten.
So funktioniert HSV-Farbkarte
Die HSV-Farbkarte hilft dir, Farben über Farbton, Sättigung und Helligkeitswert auszuwählen. Der Farbton bestimmt die Farbfamilie, die Sättigung die Intensität und der Wert, wie hell oder dunkel die Farbe erscheint. Das quadratische Feld kombiniert Sättigung von links nach rechts und Helligkeitswert von unten nach oben, sodass du per Klick oder Ziehen einen genauen Farbton auswählst. Der Farbton-Regler aktualisiert die Karte sofort. Jede Auswahl wird in HEX, RGB, HSL und HSV umgerechnet und kann für CSS, Designsysteme, Mockups, Diagramme oder Markenarbeit kopiert werden. Du kannst auch eine 6-stellige HEX-Farbe einfügen, um den Picker auf die passende HSV-Position zu setzen. Alle Umrechnungen laufen im Browser.
So verwenden Sie HSV-Farbkarte
Farbton wählen
Bewege den Farbton-Regler, um die Farbfamilie auszuwählen.
Nuance wählen
Klicke oder ziehe auf der Karte, um Sättigung und Wert einzustellen.
Farbcodes kopieren
Nutze HEX, RGB, HSL oder HSV direkt in deinem Projekt.
Anwendungsbeispiel
Auswahl einer blauen UI-Akzentfarbe aus HSV-Werten:
Häufig gestellte Fragen
Was ist HSV-Farbe?
Wie unterscheidet sich HSV von HSL?
Kann ich HSV-Farben in CSS nutzen?
Was macht die Sättigung?
Was bedeutet Value in HSV?
Kann ich eine HEX-Farbe einfügen?
Ist das nützlich für Designsysteme?
Speichert das Tool ausgewählte Farben?
Verwandte Werkzeuge
RGB zu Pantone
Konvertieren Sie jede RGB-Farbe mit visueller Vorschau und Übereinstimmungsprozentsätzen in die nächstgelegene Pantone-Farbe.
Zufallsfarbgenerator
Generieren Sie eine zufällige Farbe
Gradientengenerator
Erzeugen Sie den Farbverlauf mit zwei Farben
Bildfarbauswahl
Wählen Sie eine Farbe aus dem Bild
Farbkontrastprüfer
Überprüfen Sie die Farbkontrastverhältnisse zwischen Text und Hintergrund. Stellen Sie sicher, dass Ihr Design den Barrierefreiheitsstandards der WCAG entspricht.
Pantone-zu-HEX-Konverter
Konvertieren Sie die Farben des Pantone Matching System (PMS) in HEX-Codes.
HSV-Farbkarte wird von CodeItBro gewartet. Wir streben danach, die besten kostenlosen Entwicklerwerkzeuge im Web bereitzustellen. Wenn Sie Feedback oder Vorschläge haben, besuchen Sie bitte unsere Kontaktseite.
Bekannt aus
