Potenzfunktionen - 4. Stufe und Benutzer:Christian/Farbenvielfalt: Unterschied zwischen den Seiten
Aus ZUM-Unterrichten
(Unterschied zwischen Seiten)
Main>Jan Wörler |
KKeine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
== todo == | |||
* Box Vorlage durcharbeiten | |||
== | == Sollpalette == | ||
Vorgeschlagene [http://paletton.com/#uid=41t0X0kloufbJLah7A6qcrMsJlS Palette aus Trello] | |||
=== | {|style="width:100%;vertical-align:middle;text-align:center;" class="wikitable" | ||
!|Farbe | |||
!|Heller-2 | |||
!|Heller | |||
!|Grundton | |||
!|Dunkler | |||
!|Dunkler-2 | |||
|- | |||
!style="height:3em"|primär | |||
|style="background:#FFF0A2;"|#FFF0A2 | |||
|style="background:#FFEA77"|#FFEA77 | |||
|style="background:#F1D850"|#F1D850 | |||
|style="background:#DDC128;color:white;"|#DDC128 | |||
|style="background:#AE9612;color:white;"|#AE9612 | |||
|- | |||
!style="height:3em"|sekundär-1 | |||
|style="background:#E993BF"|#E993BF | |||
|style="background:#D965A0"|#D965A0 | |||
|style="background:#C64285"|#C64285 | |||
|style="background:#B6216D;color:white;"|#B6216D | |||
|style="background:#8F0F50;color:white;"|#8F0F50 | |||
|- | |||
!style="height:3em"|sekundär-2 | |||
|style="background:#84C5CE"|#84C5CE | |||
|style="background:#52A1AC"|#52A1AC | |||
|style="background:#338894"|#338894 | |||
|style="background:#1B7A88;color:white;"|#1B7A88 | |||
|style="background:#0D5F6B;color:white;"|#0D5F6B | |||
|- | |||
!style="height:3em"|komplementär | |||
|style="background:#A591D7"|#A591D7 | |||
|style="background:#7B62BC"|#7B62BC | |||
|style="background:#5E43A5"|#5E43A5 | |||
|style="background:#482998;color:white;"|#482998 | |||
|style="background:#321878;color:white;"|#321878 | |||
|- | |||
|colspan=6| | |||
Problem: Es ''"fehlt"'' ein orange und ein grün. | |||
Lösung: Konstruktion einer [http://paletton.com/#uid=40x0X0kloufbJLah7A6qcrMsJlS gedrehten Palette] | |||
|- | |||
!style="height:3em"|orange | |||
|style="background:#FFCEA2"|#FFCEA2 | |||
|style="background:#FFB877"|#FFB877 | |||
|style="background:#F19D50"|#F19D50 | |||
|style="background:#DD7F28;color:white;"|#DD7F28 | |||
|style="background:#AE5D12;color:white;"|#AE5D12 | |||
|- | |||
!style="height:3em"|grün | |||
|style="background:#D4F69C"|#D4F69C | |||
|style="background:#C0EF6F"|#C0EF6F | |||
|style="background:#A8DF4A"|#A8DF4A | |||
|style="background:#8FCD25;color:white;"|#8FCD25 | |||
|style="background:#6CA111;color:white;"|#6CA111 | |||
|- | |||
|colspan=6| | |||
Dazu kommen noch die Standard Linkfarben. | |||
|- | |||
!style="height:3em"|Linkfarben | |||
| | |||
| | |||
|style="background:#0077dd"|#0077dd | |||
| | |||
|style="background:#005599;color:white;"|#005599 | |||
|- | |||
|} | |} | ||
== Ist-zustand + Änderungsvorschläge == | |||
{|style="width:100%;background:white;" class="wikitable" | |||
!Typ | |||
!colspan="3"|aktuell | |||
!colspan="3"|Vorschlag<br/>anhand der<br/>Farbpalette | |||
!Anmerkungen | |||
|- | |||
!Linkfarbe | |||
|[[ #Ist-zustand | self]]</span> | |||
|style="background:#0077dd;"|#0077dd | |||
< | |style="color:#0077dd;"|#0077dd | ||
| | |||
| | |||
< | | | ||
| | |||
|- | |||
< | !Linkfarbe (besucht) | ||
|[[ #Ist-zustand | self]]</span> | |||
|style="background:#005599;"|#005599 | |||
|style="color:#005599;"|#005599 | |||
| | |||
| | |||
| | |||
| | |||
|- | |||
!Fächericon Mint | |||
|<span class="subjects mint">[[ #Ist-zustand | <span class="brainy hdg-calculator"></span>]]</span> | |||
|style="background:#008b8b;"|#008b8b | |||
|style="color:#008b8b;"|#008b8b | |||
| | |||
|style="background:#338894;"|#338894 | |||
|style="color:#338894;"|#338894 | |||
|Farbe ist definiert per CSS -> IdeaSketch | |||
|- | |||
!Fächericon Geist | |||
|<span class="subjects geist">[[ #Ist-zustand | <span class="brainy hdg-calculator"></span>]]</span> | |||
|style="background:#d2691e;"|#d2691e | |||
|style="color:#d2691e;"|#d2691e | |||
| | |||
|style="background:#F19D50;"|#F19D50 | |||
|style="color:#F19D50;"|#F19D50 | |||
|Farbe ist definiert per CSS -> IdeaSketch | |||
|- | |||
!Fächericon Sprachen | |||
|<span class="subjects sprachen">[[ #Ist-zustand | <span class="brainy hdg-calculator"></span>]]</span> | |||
|style="background:#8b008b;"|#8b008b | |||
|style="color:#8b008b;"|#8b008b | |||
| | |||
|style="background:#C64285;"|#C64285 | |||
|style="color:#C64285;"|#C64285 | |||
|Farbe ist definiert per CSS -> IdeaSketch | |||
|- | |||
!Fächericon Musisch | |||
|<span class="subjects musisch">[[ #Ist-zustand | <span class="brainy hdg-calculator"></span>]]</span> | |||
|style="background:#6b8e23;"|#6b8e23 | |||
|style="color:#6b8e23;"|#6b8e23 | |||
| | |||
|style="background:#A8DF4A;"|#A8DF4A | |||
|style="color:#A8DF4A;"|#A8DF4A | |||
|Farbe ist definiert per CSS -> IdeaSketch | |||
|- | |||
!Iconfarben | |||
|[[File:Pfad-Icon.svg|60px|link=]] | |||
|style="background:#5aaf24;"|#5aaf24 | |||
|style="color:#5aaf24;"|#5aaf24 | |||
|[[File:Christian-Pfad-Icon.svg|60px|link=]] | |||
|style="background:#8FCD25;"|#8FCD25 | |||
|style="color:#8FCD25;"|#8FCD25 | |||
|Icons müssen angepasst werden. -> [[Benutzer:Christian]] | |||
|- | |||
!Iconfarben | |||
|[[File:Pfad-Icon.svg|60px|link=]] | |||
|style="background:#5aaf24;"|#5aaf24 | |||
|style="color:#5aaf24;"|#5aaf24 | |||
|[[File:Christian-2-Pfad-Icon.svg|60px|link=]] | |||
|style="background:#6CA111;"|#6CA111 | |||
|style="color:#6CA111;"|#6CA111 | |||
|Icon SVGs müssen angepasst werden. -> [[Benutzer:Christian]] | |||
|} |
Version vom 9. Oktober 2018, 06:28 Uhr
todo
- Box Vorlage durcharbeiten
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 |
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 |