Farbtools online

Farbwerte zwischen Bildschirm und Druck

Eine Farbe lässt sich auf mehrere Arten beschreiben. Webseiten und Apps verwenden HEX-Codes wie #1E90FF oder RGB-Werte wie rgb(30, 144, 255), in CSS kommt HSL mit Farbton, Sättigung und Helligkeit hinzu. Die Druckerei verlangt dagegen CMYK. Wer dasselbe Logo für Website, Briefpapier und Flyer braucht, muss zwischen diesen Systemen wechseln.

Die Konverter dieser Gruppe rechnen zwischen HEX, RGB, HSL und CMYK in jede Richtung um. Beachten Sie, dass die Umrechnung nach CMYK eine rechnerische Näherung ist: Das gedruckte Ergebnis hängt vom Farbprofil und vom Papier ab. Für verbindliche Farben im Druck lassen Sie sich am besten einen Andruck oder ein Farbmuster von der Druckerei geben und vergleichen es mit dem Bildschirm.

Werkzeuge für Gestaltung und Barrierefreiheit

• HEX-zu-RGB-Konverter und RGB-zu-HEX-Konverter: die häufigsten Umrechnungen in der Webentwicklung.
• RGB-zu-CMYK-Konverter: Ausgangswerte für Druckdaten.
• Farbwähler: Farbe auswählen und ihre Werte in allen Formaten ablesen.
• Farbpalette Generator: stellt zu einer Grundfarbe passende Farben zusammen.
• CSS Gradient Generator: Farbverlauf einstellen und den CSS-Code kopieren.
• Kontrast prüfen: Kontrastverhältnis zwischen Schrift und Hintergrund nach WCAG, eine Grundlage barrierefreier Websites.
• Box Shadow Generator: Schatten für Karten und Schaltflächen als CSS.