~/devtools / color / blue
tool::color-guide

Blue Farbe

Blau — Die Farbe des Vertrauens und der Zuverlässigkeit

ad · 728×90
#0000FFBlue
Farbwerte
HEX#0000FF
RGBrgb(0, 0, 255)
HSLhsl(240°, 100%, 50%)
CSSblue
Farbton-Palette
50
#EBF8FF
100
#BEE3F8
300
#63B3ED
500
#4299E1
700
#2B6CB0
900
#1A365D
Komplementärfarbe
#FFFF00
Yellow
Analoge Farben
#0040FF
Azure Blue
#4000FF
Indigo

CSS-Verwendung

CSS
/* By name */
color: blue;
background-color: blue;

/* By HEX */
color: #0000FF;
background-color: #0000FF;

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

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

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

Reines Blau (#0000FF) wirkt auf dem Bildschirm sehr intensiv. Für Barrierefreiheit sollte bei blauem Text auf weißem Hintergrund der WCAG-AA-Standard erfüllt sein — verwenden Sie #1D4ED8 oder dunklere Varianten.

Blau (#0000FF) ist eine der meistgenutzten Farben im digitalen Design und steht für Vertrauen, Stabilität und Professionalität. Seit den Anfängen des Webs ist es die Standardfarbe für Links. Reines Blau hat eine extreme Sättigung, daher werden in modernen UIs häufig mittlere Töne wie #2563EB oder #3B82F6 verwendet. Zahlreiche globale Marken wie Facebook, Twitter, PayPal und Samsung haben Blau als primäre Markenfarbe gewählt.

Häufige Verwendungsfälle

  • Hyperlinks — Standard-Linkfarbe im Web (#0000EE)
  • Primäre Aktionsschaltflächen — Bestätigen, Speichern, Absenden
  • Informations-Alerts — Info-Nachrichten, Hilfesymbole
  • Datenvisualisierungen — Standardreihenfarbe in Diagrammen
  • Hintergrundverläufe — Himmel- und ozeaninspirierte Hintergründe
  • Markenidentität — Facebook, PayPal, Ford, IBM, Samsung

Verwandte Farben

Red#FF0000 · RGB(255, 0, 0)
Green#008000 · RGB(0, 128, 0)
Navy#000080 · RGB(0, 0, 128)
ad · 300×250
Zurück zum Farbkonverter
// related tools
Cron Expression Generator
Cron-Ausdrücke visuell erstellen und analysieren. Beschreibungen generieren und die nächsten Ausführungszeiten vorschau.
jwt
JWT Decoder
JWT-Token dekodieren und prüfen. Header, Payload und Signaturdetails anzeigen.
rx
Regex Tester
Reguläre Ausdrücke mit Live-Highlighting testen. Treffer-Indizes, Werte und Capture-Gruppen anzeigen.
ts
Timestamp Converter
Unix-Timestamps in lesbare Datumsangaben umrechnen. Unterstützt ms/s, UTC/lokal und relative Zeit.