Alle Tools

Online-Farbwähler — HEX, RGB & HSL

Wählen Sie eine Farbe visuell aus. Ziehen Sie auf der Leinwand, um Sättigung und Helligkeit anzupassen, ziehen Sie den Farbtonregler, um den Farbton zu ändern. Kopieren Sie Werte in HEX, RGB oder HSL.

Töne

Tönnungen

Anleitung

  • Leinwandbereich — klicken oder ziehen, um die Sättigung (horizontal) und Helligkeit (vertikal) zu ändern.
  • Farbtonregler — ziehen, um durch das Farbspektrum zu rotieren.
  • HEX-Eingabe — geben Sie einen Hex-Farbcode ein (z.B. #3b82f6), um direkt zu dieser Farbe zu springen.
  • RGB-Eingaben — geben Sie R-, G-, B-Werte (0–255) ein, um die Farbe numerisch einzustellen.
  • Kopierschaltflächen — kopiere den aktuellen Wert als HEX, RGB oder HSL in die Zwischenablage.

Farbformate

  • HEX — 6-stellig hexadezimal, z.B. #4f46e5. Verwendet in CSS, SVG, HTML.
  • RGB — Rot-, Grün-, Blau-Kanäle 0–255, z.B. rgb(79, 70, 229).
  • HSL — Farbton (0–360°), Sättigung (0–100%), Helligkeit (0–100%). Intuitiv für Designarbeit.

Verwandte Werkzeuge

Farbrad Online — interaktiver HSL-Farbwähler

Interaktives HSL-Farbrad. Klicken Sie auf jeden Punkt, um seinen Farbton und die Sättigung auszuwählen.

Bild-Farbwähler — Farben aus Fotos

Laden Sie ein beliebiges Bild hoch und klicken Sie, um Farben direkt aus Pixeln zu entnehmen.

HEX zu RGB Farbkonverter

Wandle HEX-Farbcodes sofort in RGB-, HSL-, HSV- und CMYK-Werte um.

RGB zu HEX Farbkonverter

Stelle R-, G-, B-Werte mit Schiebereglern oder Eingaben ein und erhalte die HEX- und HSL-Ausgabe.

Farbkontrast-Prüfer Online — WCAG AA & AAA

Prüfen Sie das WCAG-2.1-Farbkontrastverhältnis für AA- und AAA-Konformität. Live-Textvorschau.

Farbmischer & Farbverlauf-Generator

Mischen Sie zwei Farben mit einem Verhältnisregler. Erhalten Sie eine vollständige Farbverlaufspalette.

CSS-Farbnamen — Alle 148 Farben

Durchsuche alle 148 CSS-Farbnamen mit ihren HEX- und RGB-Werten.

Material-Design-Farbtabelle & Palette

Material-Design-Farbpalette — 19 Farbfamilien × 10 Abstufungen.

Minecraft-Farbcodes & Formatierung

Alle Minecraft-§-präfixierten Farb- und Formatierungscodes mit Vorschau.

Roblox-Farbcodes & BrickColor-IDs

Vollständige Roblox-BrickColor-Palette mit Farb-IDs und RGB-Werten.

Farbpaletten-Generator

Harmonische Farbpaletten aus einer Basisfarbe generieren — komplementär, triadisch und analog.

Farbformat-Konverter

Farben sofort zwischen HEX, RGB, HSL, HSV, CMYK und CSS-Farbnamen umwandeln.

Farbton-Generator

10-stufige Farbtonpalette (50–900) aus einer Basisfarbe generieren wie Tailwind CSS. HEX, RGB und CSS-Variablen kopieren.

Farbverlauf-Paletten-Generator

Gleichmäßige RGB-Farbverläufe zwischen zwei Farben mit 3–20 Schritten. HEX, CSS linear-gradient oder Tailwind-Array kopieren.

Farbkontrast-Analysator

WCAG-2.1-Kontrastverhältnisse prüfen. Bestanden/Nicht bestanden für AA und AAA — plus automatische Vorschläge und Live-Textvorschau.

Farbblindheits-Simulator

Bild hochladen und sehen, wie es bei Protanopie, Deuteranopie, Tritanopie und Achromatopsie aussieht.