devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Rot Farbcode (#ff0000)

Rot ist #ff0000 in HEX und rgb(255, 0, 0) — ein mittleres Rot. Unten findest du jedes Farbformat, Tönungen und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Rot
#ff0000
CSS-Namered
Hex#ff0000
RGBrgb(255, 0, 0)
HSLhsl(0 100% 50%)
HWBhwb(0 0% 0%)
CMYK0%, 100%, 100%, 0%

Tönungen und Schattierungen

#ffcccc#ff9999#ff6666#ff3333Basis
#ff0000#cc0000#990000#660000#330000

Farbharmonien

Komplementär
#00ffffAnalog
#ff0080Analog
#ff8000Triadisch
#00ff00Triadisch
#0000ff

Über Rot

Rot (red) ist ein mittleres, kräftiges Rot mit dem HEX-Code #ff0000, oder rgb(255, 0, 0). In HSL liegt es bei einem Farbton von 0°, 100 % Sättigung und 50 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des HEX-Werts einfach color: red; schreiben kannst.

Rot für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Roter Text auf Weiß4.00 : 1nur AA für großen Text
Roter Text auf Schwarz5.25 : 1AA

Auf rotem Hintergrund nimmst du am besten schwarzen Text (5.25 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Andere Kombinationen prüfst du mit dem Kontrast-Checker.

CSS

.element {
  color: red;               /* or #ff0000 */
  background-color: #ff0000;
  border: 1px solid rgb(255 0 0 / 50%);
}

Ähnliche benannte Farben

Orangerot (#ff4500), Karmesinrot (#dc143c), Feuerziegel (#b22222), Braun (#a52a2a), Dunkelrot (#8b0000), Schokolade (#d2691e).

Häufige Fragen

Wie lautet der HEX-Code für Rot?
#ff0000 — das entspricht rgb(255, 0, 0) und hsl(0, 100%, 50%). In CSS kannst du auch einfach red schreiben.
Ist roter Text auf Weiß lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 4.00 : 1 und besteht nur für großen Text (WCAG AA large).
Welche Farben passen gut zu Rot?
Die Komplementärfarbe ist #00ffff; die analogen Farben #ff0080 und #ff8000 liegen im Farbkreis direkt daneben.