Farbwähler & Konverter
Wählen Sie Farben aus und konvertieren Sie zwischen HEX-, RGB- und HSL-Formaten. Erstellen Sie Farbschemata.
Farbwähler
HEX
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
Wählen Sie Farben aus und konvertieren Sie zwischen HEX-, RGB- und HSL-Formaten. Erstellen Sie Farbschemata.
Ein HEX-Code wie #3B82F6 ist nur RGB in Hexadezimal geschrieben: 3B ist Rot, 82 Grün, F6 Blau, jeder Kanal von 00 bis FF (0–255). Er ist kompakt und funktioniert überall in CSS, weshalb er Stylesheets dominiert — aber er ist beinahe unmöglich intuitiv anzupassen.
HSL wurde erfunden, um das zu beheben. Farbton (Hue) ist die Position des Farbtons im Rad (0–360°: 0 ist Rot, 120 Grün, 240 Blau), Sättigung ist seine Intensität (0 % ist Grau), und Helligkeit läuft von Schwarz (0 %) über die reine Farbe bei 50 % bis zu Weiß (100 %). Sie wollen eine dunklere Buttonvariante? Farbton und Sättigung behalten, Helligkeit um 10 % senken.
Sie bauen eine Palette von Grund auf? Beginnen Sie mit einer Basisfarbe und lassen Sie die Harmonie-Generatoren rechnen: triadische Schemata ergeben drei ausgewogene Akzente, analoge Schemata sichere Nachbarn für Hintergründe und Hover-Zustände. Bevor Sie sich für ein Text-/Hintergrundpaar entscheiden, prüfen Sie es mit einem Kontrast-Checker — was Ihnen gefällt, könnte für Nutzer mit Sehschwäche unlesbar sein.
HEX-, RGB- und HSL-Formate werden mit Echtzeit-Konvertierung unterstützt.
Ja, Sie können HEX-Werte direkt eingeben, um bestimmte Farben auszuwählen.