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

Blau Farbcode (#0000ff)

Blau ist #0000ff in Hex und rgb(0, 0, 255) — ein mittleres Blau. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Blau
#0000ff
CSS-Nameblue
Hex#0000ff
RGBrgb(0, 0, 255)
HSLhsl(240 100% 50%)
HWBhwb(240 0% 0%)
CMYK100%, 100%, 0%, 0%

Töne und Schattierungen

#ccccff#9999ff#6666ff#3333ffBasis
#0000ff#0000cc#000099#000066#000033

Farbharmonien

Komplementär
#ffff00Analog
#0080ffAnalog
#8000ffTriadisch
#ff0000Triadisch
#00ff00

Über Blau

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

Blau für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Blauer Text auf Weiß8.59 : 1AAA
Blauer Text auf Schwarz2.44 : 1nicht bestanden

Auf einem blauen Hintergrund nimmst du weißen Text (8.59 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.

CSS

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

Ähnliche benannte Farben

Mittelblau (#0000cd), Dunkelblau (#00008b), Marineblau (#000080), Königsblau (#4169e1), Indigo (#4b0082), Dodger Blue (#1e90ff).

Häufige Fragen

Was ist der Hex-Code für Blau?
#0000ff — das entspricht rgb(0, 0, 255) und hsl(240, 100%, 50%). In CSS kannst du auch einfach blue schreiben.
Ist blauer Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 8.59 : 1, damit besteht es WCAG AA für normalen Text.
Welche Farben passen gut zu Blau?
Die Komplementärfarbe ist #ffff00; die analogen Farben #0080ff und #8000ff liegen im Farbkreis direkt daneben.