Wählen Sie Farben und kopieren Sie HEX, RGB, HSL
Wählen Sie Farben und erhalten Sie sofort HEX, RGB, HSL-Werte.
Wie man die Farbwähler
Wählen Sie eine Farbe
Wählen Sie aus dem Spektrum, geben Sie einen HEX-, RGB- oder HSL-Wert ein oder laden Sie ein Bild und klicken Sie auf ein beliebiges Pixel, um es zu probieren.
Lesen Sie jedes Format
HEX, RGB und HSL werden zusammen angezeigt und bleiben synchron, während Sie sich anpassen.
Kopieren Sie, was Sie brauchen
Kopieren Sie ein beliebiges Format mit einem Klick oder variieren Sie die Leichtigkeit, um Tönungen und Schattierungen zu erstellen.
Über die Farbwähler
HEX, RGB und HSL beschreiben alle die gleiche Farbe, und jeder ist einfacher für einen anderen Job. HEX ist kompakt und ist das, was die meisten CSS- und Design-Tools erwarten. RGB bildet ab, wie ein Bildschirm tatsächlich Licht aussendet und was Sie brauchen, wenn Sie mit Leinwand- oder Bilddaten arbeiten. HSL trennt Farbton von Sättigung und Leichtigkeit, was es zum einzigen von drei macht, das Sie von Hand anpassen und das Ergebnis vorhersagen können.
Dieses Tool zeigt alle drei auf einmal für jede Farbe, auf der Sie landen, und kopiert jede von ihnen mit einem Klick. Sie können visuell aus dem Spektrum auswählen, einen Wert in einem beliebigen Format eingeben, um ihn in die anderen zu konvertieren, oder ein Bild laden und auf ein Pixel klicken, um die genaue Farbe zu lesen, was der schnellste Weg ist, um eine Markenfarbe aus einem Logo oder Screenshot abzugleichen.
Die HSL-Ansicht macht das Erstellen einer kohärenten Palette praktisch. Halten Sie den Farbton und die Sättigung fest und variieren Sie nur die Leichtigkeit, und Sie erhalten eine Reihe von Farbtönen und Schattierungen, die wirklich zusammengehören, anstatt die nicht übereinstimmenden Annäherungen, die Sie vom Anstoßen von HEX-Werten erhalten, bis sie sich richtig anschauen. Alles läuft in Ihrem Browser, einschließlich Bildabtastung, so dass Bilder, die Sie laden, niemals hochgeladen werden.
Häufig gestellte Fragen
- Was ist der Unterschied zwischen HEX, RGB und HSL?
- Alle drei beschreiben die gleiche Farbe. HEX ist kompakt und in CSS üblich, RGB bildet ab, wie Bildschirme Licht emittieren, und HSL ist am einfachsten von Hand anzupassen.
- Kann ich eine Farbe von einem Bild bekommen?
- Ja. Laden Sie ein Bild und klicken Sie auf ein beliebiges Pixel, um dessen genauen Wert zu lesen.
- Wie mache ich hellere oder dunklere Schattierungen?
- Passen Sie den Leichtigkeitskanal in HSL an. Wenn Sie Farbton und Sättigung fix halten, erhalten Sie einen konsistenten Satz von Tönungen und Schattierungen.