Zurück zum Lernen
💻

Digitale Farbformate

Lernen Sie verschiedene Formate zur Darstellung von Farben im digitalen Design

Einführung

Im digitalen Design können Farben in verschiedenen Formaten dargestellt werden. Jedes Format hat seine Vorteile und wird in verschiedenen Kontexten verwendet.

HEX-Farbcodes

Das HEX (hexadezimale) Format wird häufig im Webdesign verwendet. Es besteht aus einem #-Symbol und sechs hexadezimalen Ziffern (0-9, A-F), die die Rot-, Grün- und Blaukanäle darstellen. Das Format ist kompakt und leicht lesbar.

#FF5733, #00A8CC, #F5F5F5

RGB und RGBA

Das RGB-Format verwendet drei Werte von 0 bis 255 für die Rot-, Grün- und Blaukanäle. RGBA fügt einen Alphakanal (Transparenz) von 0 bis 1 hinzu. Dieses Format ist intuitiv und wird häufig in Grafikeditoren verwendet.

rgb(255, 87, 51), rgba(0, 168, 204, 0.5)

HSL und HSLA

Das HSL-Format beschreibt Farbe durch Farbton, Sättigung und Helligkeit. HSLA fügt einen Alphakanal hinzu. Dieses Format ist praktisch für die programmatische Änderung von Farbeigenschaften wie Abdunkeln oder Aufhellen.

hsl(9, 100%, 60%), hsla(195, 100%, 40%, 0.5)

CSS-Farbstichwörter

CSS bietet eine Reihe vordefinierter Farbstichwörter wie 'red', 'blue', 'green' und andere. Diese Stichwörter sind praktisch für die schnelle Verwendung, sind aber in der Anzahl der verfügbaren Farben begrenzt.

red, blue, green, coral, skyblue