Hergestellt in 03/29/2024 13:28
  61

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

Bildpalette Picnic CSS Framework colors png