Farb-Konverter

Dies ist ein Farbumrechner für Web- und Designarbeit, der eine Farbe zwischen den drei Formaten übersetzt, die du am häufigsten nutzt: HEX, RGB und HSL, mit einer Live-Farbfläche, damit du genau siehst, womit du arbeitest.

Das ist der alltägliche Kitt zwischen Design und Code: eine Markenfarbe aus einem Mockup an eine CSS-Variable anpassen, einen Wert, den dir eine Designerin in einem Format gegeben hat, in das umwandeln, das dein Framework erwartet, oder einen etwas helleren Ton für einen Hover-Zustand finden.

Alles läuft in deinem Browser, sodass es sofort geschieht und nichts, was du eingibst, irgendwohin gesendet wird.

Jedes Format beschreibt dieselbe Farbe anders. HEX (wie #ff8800) ist die kompakte Form, die überall in CSS und HTML verwendet wird. RGB gibt die Rot-, Grün- und Blaukanäle direkt an, so wie Bildschirme und Code wie Canvas über Farbe denken. HSL beschreibt Farbton, Sättigung und Helligkeit, was viel intuitiver ist, wenn du eine Farbe anpassen willst: Ändere den Farbton, um sie um den Farbkreis zu verschieben, oder die Helligkeit, um sie dunkler zu machen, ohne von Hand einen neuen Code auszuwählen.

Gib einen HEX-Wert ein, und die RGB- und HSL-Entsprechungen aktualisieren sich sofort, sodass du dir das Format greifen kannst, das das Tool oder die Codebasis vor dir erwartet.

Vorerst konzentriert sich das Tool auf deckende Farben in HEX, RGB und HSL; Unterstützung für Alpha (Transparenz) ist noch nicht enthalten.