Hergestellt in 12/12/2017 10:28
1
Flat UI colors
#1abc9c
#2ecc71
#3498db
#9b59b6
#34495e
#16a085
#27ae60
#2980b9
#8e44ad
#2c3e50
#f1c40f
#e67e22
#e74c3c
#ecf0f1
#95a5a6
#f39c12
#d35400
#c0392b
#bdc3c7
#7f8c8d
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben #16a085 und #d35400. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Die Palette Flat UI colors enthält eine Kombination aus 20-Codefarben:
VERHEXEN: #1abc9c, RGB: (26, 188, 156); VERHEXEN: #2ecc71, RGB: (46, 204, 113); VERHEXEN: #3498db, RGB: (52, 152, 219)
VERHEXEN: #9b59b6, RGB: (155, 89, 182); VERHEXEN: #34495e, RGB: (52, 73, 94); VERHEXEN: #16a085, RGB: (22, 160, 133)
VERHEXEN: #27ae60, RGB: (39, 174, 96); VERHEXEN: #2980b9, RGB: (41, 128, 185); VERHEXEN: #8e44ad, RGB: (142, 68, 173)
VERHEXEN: #2c3e50, RGB: (44, 62, 80); VERHEXEN: #f1c40f, RGB: (241, 196, 15); VERHEXEN: #e67e22, RGB: (230, 126, 34)
VERHEXEN: #e74c3c, RGB: (231, 76, 60); VERHEXEN: #ecf0f1, RGB: (236, 240, 241); VERHEXEN: #95a5a6, RGB: (149, 165, 166)
VERHEXEN: #f39c12, RGB: (243, 156, 18); VERHEXEN: #d35400, RGB: (211, 84, 0); VERHEXEN: #c0392b, RGB: (192, 57, 43)
VERHEXEN: #bdc3c7, RGB: (189, 195, 199); VERHEXEN: #7f8c8d, RGB: (127, 140, 141)
Vereinfachte Version der Palettenfarben
Farbton von mediumaquamarine, Schatten von mediumseagreen, Schatten von dodgerblue, Farbton von mediumorchid, Farbton von darkslateblue, Farbton von lightseagreen, Farbton von mediumseagreen, Farbton von steelblue, Schatten von darkorchid, Farbton von darkslateblue, Farbton von gold, Farbton von darkorange, Farbton von tomato, Farbton von whitesmoke, Farbton von darkgrey, Farbton von Orange, Farbton von chocolate, Schatten von firebrick, Schatten von Silber, Schatten von Grau
Farbschema wurde erstellt von mz
Farbcodes in der Palette
Flat UI colors Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #1abc9c | RGB(26, 188, 156) | — | — | |
| #2ecc71 | RGB(46, 204, 113) | — | — | |
| #3498db | RGB(52, 152, 219) | — | — | |
| #9b59b6 | RGB(155, 89, 182) | — | — | |
| #34495e | RGB(52, 73, 94) | — | — | |
| #16a085 | RGB(22, 160, 133) | — | — | |
| #27ae60 | RGB(39, 174, 96) | — | — | |
| #2980b9 | RGB(41, 128, 185) | — | — | |
| #8e44ad | RGB(142, 68, 173) | — | — | |
| #2c3e50 | RGB(44, 62, 80) | — | — | |
| #f1c40f | RGB(241, 196, 15) | — | — | |
| #e67e22 | RGB(230, 126, 34) | — | — | |
| #e74c3c | RGB(231, 76, 60) | — | — | |
| #ecf0f1 | RGB(236, 240, 241) | — | — | |
| #95a5a6 | RGB(149, 165, 166) | — | — | |
| #f39c12 | RGB(243, 156, 18) | — | — | |
| #d35400 | RGB(211, 84, 0) | — | — | |
| #c0392b | RGB(192, 57, 43) | — | — | |
| #bdc3c7 | RGB(189, 195, 199) | — | — | |
| #7f8c8d | RGB(127, 140, 141) | — | — |
Farbpalette Kontrast
119 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#1abc9c | #2ecc71 | 1.14 |
#1abc9c | #3498db | 1.3 |
#1abc9c | #9b59b6 | 1.93 |
#1abc9c | #16a085 | 1.36 |
#1abc9c | #27ae60 | 1.19 |
#1abc9c | #2980b9 | 1.78 |
