Red Farbe

Rot — Die Farbe der Dringlichkeit und Energie

#FF0000Red

Farbwerte

HEX#FF0000

RGBrgb(255, 0, 0)

HSLhsl(0°, 100%, 50%)

CSSred

Farbton-Palette

#FFF5F5

100

#FED7D7

300

#FC8181

500

#F56565

700

#C53030

900

#742A2A

Komplementärfarbe

↔

#00FFFF

Cyan

Analoge Farben

#FF4500

OrangeRed

#FF0080

Rose

CSS-Verwendung

CSS

/* By name */
color: red;
background-color: red;

/* By HEX */
color: #FF0000;
background-color: #FF0000;

/* By RGB */
color: rgb(255, 0, 0);

/* By HSL */
color: hsl(0deg, 100%, 50%);

/* With opacity */
color: rgba(255, 0, 0, 0.8);
color: hsl(0deg 100% 50% / 80%);

Reines Rot (#FF0000) kann bei Fließtext durch seine extreme Sättigung Ermüdungserscheinungen verursachen. Für Text empfehlen sich leicht gedämpfte Varianten wie #DC2626 oder #EF4444.

Rot (#FF0000) ist der reine Rotwert im RGB-Farbmodell und wird vom menschlichen Auge am schnellsten wahrgenommen. Es wird universell für Warnungen, Fehler und Handlungsaufforderungen eingesetzt. Im Webdesign vermittelt Rot Dringlichkeit, Gefahr und Leidenschaft. Da reines Rot eine extreme Sättigung besitzt, sollte es eher als Akzentfarbe denn als dominante Hintergrundfarbe verwendet werden.

Häufige Verwendungsfälle

▸Fehlermeldungen und Warnungen — sofortige Problemkommunikation
▸CTA-Buttons — 'Jetzt kaufen', 'Loslegen' für hohe Conversion
▸Benachrichtigungs-Badges — Anzeige ungelesener Nachrichten
▸Pflichtfeld-Markierungen — Validierungsfehler in Formularen
▸Markenidentität — Coca-Cola, Netflix, YouTube
▸Stopp- und Abbruchzustände — deaktivierte UI-Elemente

Red Farbe

CSS-Verwendung

Häufige Verwendungsfälle

Verwandte Farben