Benutzer:Christian/Farbenvielfalt: Unterschied zwischen den Versionen
Aus ZUM-Unterrichten
Benutzer:Christian/Farbenvielfalt
KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
| (2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
== todo == | == todo == | ||
* | * Icons durchgehen | ||
* [[:Kategorie:Vorlage/Farben/Todo]] | |||
== Sollpalette == | == Sollpalette == | ||
| Zeile 70: | Zeile 71: | ||
|style="background:#005599;color:white;"|#005599 | |style="background:#005599;color:white;"|#005599 | ||
|- | |- | ||
|colspan=6| | |||
Und passende Grautöne in passender Helligkeit zur Primärfarbe | |||
|- | |||
!style="height:3em"|Grautöne | |||
|style="background:#F1F1F1"|#F1F1F1 | |||
|style="background:#ECECEC"|#ECECEC | |||
|style="background:#DBDBDB"|#DBDBDB | |||
|style="background:#C8C8C8;color:white;"|#C8C8C8 | |||
|style="background:#a0a0a0;color:white;"|#a0a0a0 | |||
|} | |} | ||
| Zeile 152: | Zeile 161: | ||
|style="color:#6CA111;"|#6CA111 | |style="color:#6CA111;"|#6CA111 | ||
|Icon SVGs müssen angepasst werden. -> [[Benutzer:Christian]] | |Icon SVGs müssen angepasst werden. -> [[Benutzer:Christian]] | ||
|- | |||
!Box:Hervorhebung1 | |||
| | |||
|style="background:#f1d650;"|#f1d650 | |||
|style="color:#f1d650;"|#f1d650 | |||
| | |||
|style="background:#F1D850;"|#F1D850 | |||
|style="color:#F1D850;"|#F1D850 | |||
| | |||
|- | |||
!Box:Frage | |||
| | |||
|style="background:#ffdc00;"|#ffdc00 | |||
|style="color:#ffdc00;"|#ffdc00 | |||
| | |||
|style="background:#F1D850;"|#F1D850 | |||
|style="color:#F1D850;"|#F1D850 | |||
| | |||
|- | |||
!Box:Hervorhebung2 | |||
| | |||
|style="background:#c34188;"|#c34188 | |||
|style="color:#c34188;"|#c34188 | |||
| | |||
|style="background:#C64285;"|#C64285 | |||
|style="color:#C64285;"|#C64285 | |||
| | |||
|- | |||
!Box:Merksatz | |||
| | |||
|style="background:#c34188;"|#c34188 | |||
|style="color:#c34188;"|#c34188 | |||
| | |||
|style="background:#C64285;"|#C64285 | |||
|style="color:#C64285;"|#C64285 | |||
| | |||
|- | |||
!Box:Arbeitsmethode | |||
| | |||
|style="background:#5c43a6;"|#5c43a6 | |||
|style="color:#5c43a6;"|#5c43a6 | |||
| | |||
|style="background:#5E43A5;"|#5E43A5 | |||
|style="color:#5E43A5;"|#5E43A5 | |||
| | |||
|- | |||
!Box:Unterrichtsidee | |||
| | |||
|style="background:#ade04a;"|#ade04a | |||
|style="color:#ade04a;"|#ade04a | |||
| | |||
|style="background:#A8DF4A;"|#A8DF4A | |||
|style="color:#A8DF4A;"|#A8DF4A | |||
| | |||
|- | |||
!Box:Experimentieren | |||
| | |||
|style="background:#ade04a;"|#ade04a | |||
|style="color:#ade04a;"|#ade04a | |||
| | |||
|style="background:#A8DF4A;"|#A8DF4A | |||
|style="color:#A8DF4A;"|#A8DF4A | |||
| | |||
|- | |||
!Box:Lernpfad | |||
| | |||
|style="background:#f19a50;"|#f19a50 | |||
|style="color:#f19a50;"|#f19a50 | |||
| | |||
|style="background:#F19D50;"|#F19D50 | |||
|style="color:#F19D50;"|#F19D50 | |||
| | |||
|- | |||
!Box:Üben | |||
| | |||
|style="background:#318d92;"|#318d92 | |||
|style="color:#318d92;"|#318d92 | |||
| | |||
|style="background:#338894;"|#338894 | |||
|style="color:#338894;"|#338894 | |||
| | |||
|- | |||
!Box:Meinung | |||
| | |||
|style="background:#cccccc;"|#cccccc | |||
|style="color:#cccccc;"|#cccccc | |||
| | |||
|style="background:#DBDBDB;"|#DBDBDB | |||
|style="color:#DBDBDB;"|#DBDBDB | |||
| | |||
|- | |||
!Box:Lösung | |||
| | |||
|style="background:#cccccc;"|#cccccc | |||
|style="color:#cccccc;"|#cccccc | |||
| | |||
|style="background:#DBDBDB;"|#DBDBDB | |||
|style="color:#DBDBDB;"|#DBDBDB | |||
| | |||
|- | |||
!Box:Download | |||
| | |||
|style="background:#cccccc;"|#cccccc | |||
|style="color:#cccccc;"|#cccccc | |||
| | |||
|style="background:#DBDBDB;"|#DBDBDB | |||
|style="color:#DBDBDB;"|#DBDBDB | |||
| | |||
|- | |||
!Box:Kurzinfo | |||
| | |||
|style="background:#cccccc;"|#cccccc | |||
|style="color:#cccccc;"|#cccccc | |||
| | |||
|style="background:#DBDBDB;"|#DBDBDB | |||
|style="color:#DBDBDB;"|#DBDBDB | |||
| | |||
|- | |||
!Box:Zitat | |||
| | |||
|style="background:#aaaaaa;"|#aaaaaa | |||
|style="color:#aaaaaa;"|#aaaaaa | |||
| | |||
|style="background:#a0a0a0;"|#a0a0a0 | |||
|style="color:#a0a0a0;"|#a0a0a0 | |||
| | |||
|- | |||
!Box:unspezifisch | |||
| | |||
|style="background:#eeeeee;"|#eeeeee | |||
|style="color:#eeeeee;"|#eeeeee | |||
| | |||
|style="background:#ECECEC;"|#ECECEC | |||
|style="color:#ECECEC;"|#ECECEC | |||
| | |||
|} | |} | ||
Aktuelle Version vom 12. Oktober 2018, 20:23 Uhr
todo
- Icons durchgehen
- Kategorie:Vorlage/Farben/Todo
Sollpalette
Vorgeschlagene Palette aus Trello
| Farbe | Heller-2 | Heller | Grundton | Dunkler | Dunkler-2 |
|---|---|---|---|---|---|
| primär | #FFF0A2 | #FFEA77 | #F1D850 | #DDC128 | #AE9612 |
| sekundär-1 | #E993BF | #D965A0 | #C64285 | #B6216D | #8F0F50 |
| sekundär-2 | #84C5CE | #52A1AC | #338894 | #1B7A88 | #0D5F6B |
| komplementär | #A591D7 | #7B62BC | #5E43A5 | #482998 | #321878 |
|
Problem: Es "fehlt" ein orange und ein grün. Lösung: Konstruktion einer gedrehten Palette | |||||
| orange | #FFCEA2 | #FFB877 | #F19D50 | #DD7F28 | #AE5D12 |
| grün | #D4F69C | #C0EF6F | #A8DF4A | #8FCD25 | #6CA111 |
|
Dazu kommen noch die Standard Linkfarben. | |||||
| Linkfarben | #0077dd | #005599 | |||
|
Und passende Grautöne in passender Helligkeit zur Primärfarbe | |||||
| Grautöne | #F1F1F1 | #ECECEC | #DBDBDB | #C8C8C8 | #a0a0a0 |
Ist-zustand + Änderungsvorschläge
| Typ | aktuell | Vorschlag anhand der Farbpalette |
Anmerkungen | ||||
|---|---|---|---|---|---|---|---|
| Linkfarbe | self | #0077dd | #0077dd | ||||
| Linkfarbe (besucht) | self | #005599 | #005599 | ||||
| Fächericon Mint | #008b8b | #008b8b | #338894 | #338894 | Farbe ist definiert per CSS -> IdeaSketch | ||
| Fächericon Geist | #d2691e | #d2691e | #F19D50 | #F19D50 | Farbe ist definiert per CSS -> IdeaSketch | ||
| Fächericon Sprachen | #8b008b | #8b008b | #C64285 | #C64285 | Farbe ist definiert per CSS -> IdeaSketch | ||
| Fächericon Musisch | #6b8e23 | #6b8e23 | #A8DF4A | #A8DF4A | Farbe ist definiert per CSS -> IdeaSketch | ||
| Iconfarben | 
|
#5aaf24 | #5aaf24 | 
|
#8FCD25 | #8FCD25 | Icons müssen angepasst werden. -> Benutzer:Christian |
| Iconfarben |
|
#5aaf24 | #5aaf24 | 
|
#6CA111 | #6CA111 | Icon SVGs müssen angepasst werden. -> Benutzer:Christian |
| Box:Hervorhebung1 | #f1d650 | #f1d650 | #F1D850 | #F1D850 | |||
| Box:Frage | #ffdc00 | #ffdc00 | #F1D850 | #F1D850 | |||
| Box:Hervorhebung2 | #c34188 | #c34188 | #C64285 | #C64285 | |||
| Box:Merksatz | #c34188 | #c34188 | #C64285 | #C64285 | |||
| Box:Arbeitsmethode | #5c43a6 | #5c43a6 | #5E43A5 | #5E43A5 | |||
| Box:Unterrichtsidee | #ade04a | #ade04a | #A8DF4A | #A8DF4A | |||
| Box:Experimentieren | #ade04a | #ade04a | #A8DF4A | #A8DF4A | |||
| Box:Lernpfad | #f19a50 | #f19a50 | #F19D50 | #F19D50 | |||
| Box:Üben | #318d92 | #318d92 | #338894 | #338894 | |||
| Box:Meinung | #cccccc | #cccccc | #DBDBDB | #DBDBDB | |||
| Box:Lösung | #cccccc | #cccccc | #DBDBDB | #DBDBDB | |||
| Box:Download | #cccccc | #cccccc | #DBDBDB | #DBDBDB | |||
| Box:Kurzinfo | #cccccc | #cccccc | #DBDBDB | #DBDBDB | |||
| Box:Zitat | #aaaaaa | #aaaaaa | #a0a0a0 | #a0a0a0 | |||
| Box:unspezifisch | #eeeeee | #eeeeee | #ECECEC | #ECECEC | |||
