Palette generieren
  1. Farbpaletten
  2. Bootstrap 3 colors

Bootstrap 3 colors

  • Primary
    #337ab7
  • Success
    #5cb85c
  • Warning
    #f0ad4e
  • Info
    #5bc0de
  • Danger
    #d9534f
  12.36k

Bootstrap 3 colors besteht aus 5 Farben in vielen verschiedenen Farbtönen. Die hellste Farbe ist Warning (#F0AD4E), die dunkelste Primary (#337AB7). Kein Farbpaar erreicht das WCAG-Minimum von 3:1; das beste kommt auf 2.3:1.

Erstellt am 12/12/2017 10:41
vonmz
Die Palette besteht aus Hell-Farben. Akzentfarben Warning #f0ad4e und Info #5bc0de. Palette hat Farbtemperatur Kalt, Warm.

Nach Helligkeit reicht diese Palette von #337AB7 (dunkelstes) bis #F0AD4E (hellstes). Die Helligkeitsspanne ist moderat.

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 80% der Farben sind lebhaft.

Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.

In der Gesamttemperatur neigen die Felder zur kalten Seite (3 von 5).

HEX-Codes (sortiert): #337AB7, #5BC0DE, #5CB85C, #D9534F, #F0AD4E

Die Palette Bootstrap 3 colors kombiniert 5 Farbcodes:
HEX: #337ab7, RGB: (51, 122, 183); HEX: #5cb85c, RGB: (92, 184, 92); HEX: #f0ad4e, RGB: (240, 173, 78)
HEX: #5bc0de, RGB: (91, 192, 222); HEX: #d9534f, RGB: (217, 83, 79)
Vereinfachte Version der Palettenfarben
Schattierung von Stahlblau, Aufhellung von Mittleres Seegrün, Aufhellung von Orange, Schattierung von Himmelblau, Schattierung von Indischrot
Farbschema wurde erstellt von mz

Farbcodes in der Palette

Bootstrap 3 colors Farbcodes HEX, RGB-Informationen in der Tabelle

FarbeHEXRGBNamealternativer Name
#337ab7#337ab7RGB(51, 122, 183)Primary—
#5cb85c#5cb85cRGB(92, 184, 92)Success—
#f0ad4e#f0ad4eRGB(240, 173, 78)Warning—
#5bc0de#5bc0deRGB(91, 192, 222)Info—
#d9534f#d9534fRGB(217, 83, 79)Danger—

Farbpalette Kontrast

7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
TextfarbeHintergrundfarbeKontrastverhältnis
#337ab7
#5cb85c
1.83
#337ab7
#d9534f
1.15
#5cb85c
#f0ad4e
1.27
#5cb85c
#5bc0de
1.18
#5cb85c
#d9534f
1.59
#f0ad4e
#5bc0de
1.07

Bildpalette Bootstrap 3 colors png

Bootstrap 3 colors: Primary, Success, Warning, Info, Danger
 Bild herunterladen