Hergestellt in 08/30/2021 08:26
bootstrap 5 fs site
Secondary
#80888f
Primary
#0166fa
Success
#28a745
Danger
#dc3545
Warning
#ffc107
Info
#17a2b8
Dark-Blue
#5b23fb
Light
#fafafa
Dark
#404951
Light-Purple
#9c27b0
Purple
#7b1fa2
Light-Greean
#a1c620
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Primary #0166fa und Warning #ffc107. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Die Palette bootstrap 5 fs site enthält eine Kombination aus 12-Codefarben:
VERHEXEN: #80888f, RGB: (128, 136, 143); VERHEXEN: #0166fa, RGB: (1, 102, 250); VERHEXEN: #28a745, RGB: (40, 167, 69)
VERHEXEN: #dc3545, RGB: (220, 53, 69); VERHEXEN: #ffc107, RGB: (255, 193, 7); VERHEXEN: #17a2b8, RGB: (23, 162, 184)
VERHEXEN: #5b23fb, RGB: (91, 35, 251); VERHEXEN: #fafafa, RGB: (250, 250, 250); VERHEXEN: #404951, RGB: (64, 73, 81)
VERHEXEN: #9c27b0, RGB: (156, 39, 176); VERHEXEN: #7b1fa2, RGB: (123, 31, 162); VERHEXEN: #a1c620, RGB: (161, 198, 32)
Vereinfachte Version der Palettenfarben
Schatten von lightslategrey, Farbton von royalblue, Farbton von mediumseagreen, Schatten von crimson, Farbton von gold, Farbton von cadetblue, Schatten von Blau, Schatten von whitesmoke, Schatten von darkslategrey, Farbton von darkorchid, Schatten von darkmagenta, Farbton von Gelbgrün
Farbschema wurde erstellt von fsh
Farbcodes in der Palette
bootstrap 5 fs site Farbcodes HEX, RGB-Informationen in der Tabelle
Farbe | VERHEXEN | RGB | Name | alternativer Name |
#80888f | RGB(128, 136, 143) | Secondary | — | |
#0166fa | RGB(1, 102, 250) | Primary | — | |
#28a745 | RGB(40, 167, 69) | Success | — | |
#dc3545 | RGB(220, 53, 69) | Danger | — | |
#ffc107 | RGB(255, 193, 7) | Warning | — | |
#17a2b8 | RGB(23, 162, 184) | Info | — | |
#5b23fb | RGB(91, 35, 251) | Dark-Blue | — | |
#fafafa | RGB(250, 250, 250) | Light | Dr. White | |
#404951 | RGB(64, 73, 81) | Dark | — | |
#9c27b0 | RGB(156, 39, 176) | Light-Purple | — | |
#7b1fa2 | RGB(123, 31, 162) | Purple | — | |
#a1c620 | RGB(161, 198, 32) | Light-Greean | — |
Farbpalette Kontrast
33 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur | Achtergrond kleur | contrast ratio |
#80888f | #0166fa | 1.36 |
#80888f | #28a745 | 1.14 |
#80888f | #dc3545 | 1.25 |
#80888f | #17a2b8 | 1.18 |
#80888f | #5b23fb | 1.89 |
#80888f | #9c27b0 | 1.75 |