Hergestellt in 03/29/2024 13:28
Picnic CSS Framework colors
primary
#3498db
secondary
#95a5a6
success
#2ecc71
info
#3498db
warning
#f1c40f
danger
#e74c3c
light
#ecf0f1
dark
#34495e
Die Palette besteht aus Licht-Farben. Akzentfarben primary #3498db und info #3498db und warning #f1c40f. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Die Palette Picnic CSS Framework colors enthält eine Kombination aus 8-Codefarben:
VERHEXEN: #3498db, RGB: (52, 152, 219); VERHEXEN: #95a5a6, RGB: (149, 165, 166); VERHEXEN: #2ecc71, RGB: (46, 204, 113)
VERHEXEN: #3498db, RGB: (52, 152, 219); VERHEXEN: #f1c40f, RGB: (241, 196, 15); VERHEXEN: #e74c3c, RGB: (231, 76, 60)
VERHEXEN: #ecf0f1, RGB: (236, 240, 241); VERHEXEN: #34495e, RGB: (52, 73, 94)
Vereinfachte Version der Palettenfarben
Schatten von dodgerblue, Farbton von darkgrey, Schatten von mediumseagreen, Schatten von dodgerblue, Farbton von gold, Farbton von tomato, Farbton von whitesmoke, Farbton von darkslateblue
Farbschema wurde erstellt von colorstudio
Farbcodes in der Palette
Picnic CSS Framework colors Farbcodes HEX, RGB-Informationen in der Tabelle
Farbe | VERHEXEN | RGB | Name | alternativer Name |
#3498db | RGB(52, 152, 219) | primary | — | |
#95a5a6 | RGB(149, 165, 166) | secondary | — | |
#2ecc71 | RGB(46, 204, 113) | success | — | |
#3498db | RGB(52, 152, 219) | info | — | |
#f1c40f | RGB(241, 196, 15) | warning | — | |
#e74c3c | RGB(231, 76, 60) | danger | — | |
#ecf0f1 | RGB(236, 240, 241) | light | — | |
#34495e | RGB(52, 73, 94) | dark | — |
Farbpalette Kontrast
16 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur | Achtergrond kleur | contrast ratio |
#3498db | #95a5a6 | 1.23 |
#3498db | #2ecc71 | 1.5 |
#3498db | #3498db | 1 |
#3498db | #f1c40f | 1.89 |
#3498db | #e74c3c | 1.21 |
#95a5a6 | #2ecc71 | 1.21 |