Zum Hauptinhalt springen

Farbe

Downloads & Links

Primärpalette

Dies ist unsere Hauptpalette

Farbraum
  • Gelb

    #FFFA1B
    r 255 g 250 b 27
  • Marineblau

    #292B38
    r 41 g 43 b 56
  • Dunkelmarineblau

    #14151B
    r 20 g 21 b 27
  • Schwarz

    #000000
    r 0 g 0 b 0
  • Weiß

    #FFFFFF
    r 255 g 255 b 255

Gelbe Farbpalette

Eine erweiterte Farbpalette, die dabei hilft, Hierarchien in digitalen Anwendungen zu schaffen.

  • Gelb 30

    #e3dc1c
    r 227 g 220 b 28
  • Gelb 20

    #fffc8f
    r 255 g 252 b 143
  • Gelb 10

    #fffdc7
    r 255 g 253 b 199

Marineblau-Palette

Diese Farbabstufungen eignen sich am besten, um eine Hierarchie zu schaffen, wenn Marineblau oder Dunkelmarineblau die vorherrschenden Farben sind.

  • Marineblau 80

    #2F3241
    r 47 g 50 b 65
  • Marineblau 70

    #3F4255
    r 63 g 66 b 85
  • Marineblau 60

    #4B4F67
    r 75 g 79 b 103
  • Marineblau 50

    #4B4F67
    r 75 g 79 b 103
  • Marineblau 40

    #656A8B
    r 101 g 106 b 139
  • Marineblau 30

    #BEC1D0
    r 190 g 193 b 208
  • Marineblau 20

    #D8D9E2
    r 216 g 217 b 226
  • Marineblau 10

    #F0F1F4
    r 240 g 241 b 244

Mono Palette

Diese Grautöne eignen sich am besten, um eine Hierarchie zu schaffen, wenn Schwarz die vorherrschende Farbe ist.

  • mono 90

    #1E1E1E
    r 30 g 30 b 30
  • mono 80

    #383838
    r 56 g 56 b 56
  • mono 70

    #4A4A4A
    r 74 g 74 b 74
  • mono 60

    #595959
    r 89 g 89 b 89
  • mono 50

    #787878
    r 120 g 120 b 120
  • mono 40

    #A3A3A3
    r 163 g 163 b 163
  • mono 30

    #C7C7C7
    r 199 g 199 b 199
  • mono 20

    #DDDDDD
    r 221 g 221 b 221
  • mono 10

    #F2F2F2
    r 242 g 242 b 242

Kombinationen von Textfarben

Verwenden Sie diese Farbkombinationen, um die Anforderungen an barrierefreie Farbkontraste zu erfüllen.

  • Example of text on white background
    Auf weißem Hintergrund (*nur für großformatigen Text)
  • Example of text on yellow background
    Auf gelbem Hintergrund (*nur für großformatigen Text)
  • Example of text on dark navy background
    Auf schwarzem Hintergrund

Missbrauch

Vermeiden Sie die folgenden Farbbehandlungen.

  • Beispiel für weißen und gelben Text auf einem weißen und gelben Hintergrund
    Verwenden Sie keinen weißen Text auf Gelb oder gelben Text auf Weiß.
  • Beispiel für Marineblau in Kombination mit Grauabstufungen
    Vermeide die Kombination von Marineblau mit Grauabstufungen und umgekehrt. Bei der Verwendung von Farbabstufungen sollten diese immer zur vorherrschenden Farbe gehören.

© Idealworks 2026

Diese Website ist dynamisch und wird regelmäßig basierend auf Feedback aktualisiert. Bitte stellen Sie sicher, dass Sie die aktuellste Version der Ressourcen haben.