Farbpaletten

Farbe Rot

Das reine Bildschirmrot: roter Kanal auf Maximum, kein Grün und kein Blau. Keine Farbe zieht den Blick schneller auf sich, deshalb steht sie für Warnungen, Angebote und Call-to-Action-Buttons. In großen Mengen ermüdet sie die Augen, darum setzt man sie meist sparsam ein.

Auch genannt: Knallrot.

Rot · #FF0000

Fakten zur Farbe Rot

Rot (#FF0000) ist ein Farbton, der warm, mittelhell und sehr gesättigt wirkt. Er gehört zur Familie der Rottöne. Er besteht aus 255 Rot, 0 Grün und 0 Blau (von 255). Typische Einsatzbereiche: Logos, Beschilderung, Mode, Web.

Farbtöne von Rot: hell und dunkel

Vom hellsten zum dunkelsten Ton. Tippe auf einen Ton, um seinen Code zu kopieren.

Farben, die zu Rot passen

SchwarzEin starkes, elegantes Duo.WeißFrisch und fröhlich.MarineblauEin Klassiker im maritimen Stil.GrauBeruhigt Rot und macht es dezent.BeigeEine warme, elegante Basis.GoldLuxus und Festlichkeit.CamelEin warmer, raffinierter Kontrast.AltrosaEin sanfter, angesagter Kontrast.
So kombinierst du Rot in Mode und Einrichtung →

Farbharmonien mit Rot

Kombinationen nach dem Farbkreis. Mehr unter Farbharmonien.

KomplementärÄhnlich wie: Cyan
AnalogÄhnlich wie: Knallpink, Orange
TriadeÄhnlich wie: Neongrün, Blau
Geteilt komplementärÄhnlich wie: Mintgrün, Elektroblau
TetradeÄhnlich wie: Chartreuse, Cyan, Violett

Farbpaletten mit Rot

Kopiere die Codes oder öffne die Farbpalette im Editor, um sie anzupassen.

Farbpalette monochrom · Rot
Farbpalette analog · Rot
Farbpalette komplementär · Rot
Farbpalette Triade · Rot
Farbpalette mit Neutraltönen · Rot
Farbpalette mit Akzent · Rot

Kontrast von Rot mit Text

Weißer TextKontrast 4.0:1 · AA großer Text
Schwarzer TextKontrast 5.3:1 · AA

Nach den WCAG-2.1-Richtlinien. Weitere Farbpaare prüfst du mit dem Kontrast-Prüfer.

CSS-Code

:root {
  --rot: #FF0000;
  --rot-rgb: 255, 0, 0;
}
.hintergrund { background-color: var(--rot); }
.text { color: var(--rot); }

Ähnliche Farben wie Rot

ScharlachrotFerrari-RotRotorangeNeonorangeZinnoberrotKirschrotTomatenrotMahagoniKürbisorangeKarmesinrot

Weitere Rottöne

KarmesinrotScharlachrotZinnoberrotGranatrotBurgunderrotWeinrotKarminrotRubinrotKirschrotZiegelrotBlutrotMarsalaTomatenrotFerrari-RotIndischrot

Häufige Fragen

Welchen Farbcode hat Rot?

Der HEX-Code von Rot ist #FF0000. In RGB ist es rgb(255, 0, 0), in HSL hsl(0, 100%, 50%) und in CMYK 0, 100, 100, 0.

Was ist die Komplementärfarbe zu Rot?

Die Komplementärfarbe im Farbkreis ist #00FFFF, ein Ton in der Nähe von Cyan. Sparsam eingesetzt dient sie als Akzent und sorgt für starken Kontrast.

Kann man weißen Text auf Rot verwenden?

Nimm besser schwarzen Text: Der Kontrast zu Weiß beträgt nur 4.0:1, zu Schwarz dagegen 5.3:1.

Welche Farben passen zu Rot?

Gut dazu passen Schwarz, Weiß, Marineblau, Grau, Beige. Kombiniere es nicht mit knalligem Grün, sonst wirkt es weihnachtlich, oder mit kräftigem Orange, das überlädt. Viel Rot auf großen Flächen ermüdet.