Hergestellt in 04/10/2021 08:51
bootstrap-def
blue
#007bff
indigo
#6610f2
purple
#6f42c1
pink
#e83e8c
red
#dc3545
orange
#fd7e14
yellow
#ffc107
green
#28a745
teal
#20c997
white
#ffffff
cyan
#17a2b8
gray
#6c757d
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben blue #007bff und yellow #ffc107. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Die Palette bootstrap-def enthält eine Kombination aus 12-Codefarben:
VERHEXEN: #007bff, RGB: (0, 123, 255); VERHEXEN: #6610f2, RGB: (102, 16, 242); VERHEXEN: #6f42c1, RGB: (111, 66, 193)
VERHEXEN: #e83e8c, RGB: (232, 62, 140); VERHEXEN: #dc3545, RGB: (220, 53, 69); VERHEXEN: #fd7e14, RGB: (253, 126, 20)
VERHEXEN: #ffc107, RGB: (255, 193, 7); VERHEXEN: #28a745, RGB: (40, 167, 69); VERHEXEN: #20c997, RGB: (32, 201, 151)
VERHEXEN: #ffffff, RGB: (255, 255, 255); VERHEXEN: #17a2b8, RGB: (23, 162, 184); VERHEXEN: #6c757d, RGB: (108, 117, 125)
Vereinfachte Version der Palettenfarben
Farbton von steelblue, Farbton von blueviolet, Schatten von blueviolet, Schatten von deeppink, Schatten von crimson, Farbton von darkorange, Farbton von gold, Farbton von mediumseagreen, Farbton von mediumaquamarine, Weiss, Farbton von cadetblue, Farbton von slategrey
Farbschema wurde erstellt von marko
Farbcodes in der Palette
bootstrap-def Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #007bff | RGB(0, 123, 255) | blue | — | |
| #6610f2 | RGB(102, 16, 242) | indigo | — | |
| #6f42c1 | RGB(111, 66, 193) | purple | — | |
| #e83e8c | RGB(232, 62, 140) | pink | — | |
| #dc3545 | RGB(220, 53, 69) | red | — | |
| #fd7e14 | RGB(253, 126, 20) | orange | — | |
| #ffc107 | RGB(255, 193, 7) | yellow | — | |
| #28a745 | RGB(40, 167, 69) | green | — | |
| #20c997 | RGB(32, 201, 151) | teal | — | |
| #ffffff | RGB(255, 255, 255) | white | — | |
| #17a2b8 | RGB(23, 162, 184) | cyan | — | |
| #6c757d | RGB(108, 117, 125) | gray | Pompeii Ash |
Farbpalette Kontrast
40 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#007bff | #6610f2 | 1.8 |
#007bff | #6f42c1 | 1.63 |
#007bff | #e83e8c | 1.04 |
#007bff | #dc3545 | 1.13 |
#007bff | #fd7e14 | 1.54 |
#007bff | #28a745 | 1.27 |
