Farbpaletten

Farbe Gelb

Die hellste Farbe im Farbkreis und die erste, die das Auge wahrnimmt. Man verbindet sie mit Sonne, Sommer und Vorsicht. Deshalb sieht man sie bei Taxis, Verkehrsschildern und Marken, die gute Laune verbreiten wollen.

Auch genannt: Knallgelb.

Gelb · #FFFF00

Fakten zur Farbe Gelb

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

Farbtöne von Gelb: hell und dunkel

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

Farben, die zu Gelb passen

GrauEin moderner, ausgewogener Klassiker.MarineblauStarker, eleganter Kontrast.WeißFrisch und hell.SchwarzMaximaler Kontrast, sehr grafisch.LilaSeine Komplementärfarbe, lebendig und mutig.GrünEine natürliche, fröhliche Mischung.HimmelblauEin frühlingshaftes Duo.BeigeEine sanfte, warme Basis.
So kombinierst du Gelb in Mode und Einrichtung →

Farbharmonien mit Gelb

Kombinationen nach dem Farbkreis. Mehr unter Farbharmonien.

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

Farbpaletten mit Gelb

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

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

Kontrast von Gelb mit Text

Weißer TextKontrast 1.1:1 · Nicht empfohlen
Schwarzer TextKontrast 19.6:1 · AAA

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

CSS-Code

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

Ähnliche Farben wie Gelb

ZitronengelbKanariengelbNeongelbGoldLimettengrünMaisgelbSonnenblumengelbSafrangelbBernsteinApfelgrün

Weitere Gelbtöne

GoldAltgoldSenfgelbZitronengelbBernsteinWeizengelbHoniggelbKanariengelbSafrangelbChampagnerPastellgelbNeongelbMaisgelbSonnenblumengelb

Häufige Fragen

Welchen Farbcode hat Gelb?

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

Was ist die Komplementärfarbe zu Gelb?

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

Kann man weißen Text auf Gelb verwenden?

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

Welche Farben passen zu Gelb?

Gut dazu passen Grau, Marineblau, Weiß, Schwarz, Lila. Kombiniere es nicht gleichzeitig mit Orange oder kräftigem Rot, sonst wirkt das Ganze schrill. Als Text auf reinem Weiß ist Gelb sehr schlecht lesbar.