Benutzer:Christian/Farbenvielfalt: Unterschied zwischen den Versionen
Aus ZUM-Unterrichten
Benutzer:Christian/Farbenvielfalt
KKeine Bearbeitungszusammenfassung |
(Ist-Zustand Dokumentation) |
||
| Zeile 2: | Zeile 2: | ||
== Sollpalette == | == Sollpalette == | ||
Vorgeschlagene | Vorgeschlagene [http://paletton.com/#uid=41t0X0kloufbJLah7A6qcrMsJlS Palette aus Trello] | ||
{|style="width:100%;vertical-align:middle;text-align:center;" class="wikitable" | {|style="width:100%;vertical-align:middle;text-align:center;" class="wikitable" | ||
| Zeile 39: | Zeile 39: | ||
|style="background:#482998;color:white;"|#482998 | |style="background:#482998;color:white;"|#482998 | ||
|style="background:#321878;color:white;"|#321878 | |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 | |||
!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 | |||
|} | |||
Version vom 7. Oktober 2018, 20:36 Uhr
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 | 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 | ||||
