Wechseln zu:Navigation, Suche
Wiki

Vorlage:Farbe/Doku: Unterschied zwischen den Versionen

Aus Securepoint Wiki
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 6: Zeile 6:
! Anwendung !! Farb-Parameter !! Rückgabewert (mit ; ) !! Farbe !! Verwendung
! Anwendung !! Farb-Parameter !! Rückgabewert (mit ; ) !! Farbe !! Verwendung
|-
|-
| '''Mobile Security / MDM''' || grün || #2DCC71; ||<span style="display: inline-block; width:100px; background-color:#2DCC71;">&nbsp;</span> || eingeloggt
| rowspan="5" style="vertical-align: top;" | '''Mobile Security / MDM''' || grün || #2DCC71; ||<span style="display: inline-block; width:100px; background-color:#2DCC71;">&nbsp;</span> || eingeloggt
|-
|-
| || rot || #E74C3C; ||<span style="display: inline-block; width:100px; background-color:#E74C3C;">&nbsp;</span>|| ausgeolggt, Schaltflächen
| rot || #E74C3C; ||<span style="display: inline-block; width:100px; background-color:#E74C3C;">&nbsp;</span>|| ausgeolggt, Schaltflächen
|-
|-
| || grau || #cccccc; ||<span style="display: inline-block; width:100px; background-color:#cccccc;">&nbsp;</span>|| Schaltflächen AV
| grau || #cccccc; ||<span style="display: inline-block; width:100px; background-color:#cccccc;">&nbsp;</span>|| Schaltflächen AV
|-
|-
| || graubd || #b2b2b2; ||<span style="display: inline-block; width:100px; background-color:#b2b2b2;">&nbsp;</span>|| Graue Ränder in AV-Schaltflächen
| graubd || #b2b2b2; ||<span style="display: inline-block; width:100px; background-color:#b2b2b2;">&nbsp;</span>|| Graue Ränder in AV-Schaltflächen
|-
|-
| || grau-l || rgba(0, 0, 0, 0.6); ||<span style="display: inline-block; width:100px; background-color:rgba(0, 0, 0, 0.6);">&nbsp;</span>|| Graue Schrift
| grau-l || rgba(0, 0, 0, 0.6); ||<span style="display: inline-block; width:100px; background-color:rgba(0, 0, 0, 0.6);">&nbsp;</span>|| Graue Schrift
|-
|-
| class="Leerzeile" |<br>
| class="Leerzeile" |<br>
|-
|-
| '''UMA''' || grün || #468847; ||<span style="display: inline-block; width:100px; background-color:#468847;;">&nbsp;</span> ||  
| rowspan="5" style="vertical-align: top;"  | '''UMA''' || grün || #468847; ||<span style="display: inline-block; width:100px; background-color:#468847;;">&nbsp;</span> ||  
|-
|-
| || rot || #ec7063; ||<span style="display: inline-block; width:100px; background-color:#ec7063;">&nbsp;</span>||  
| rot || #ec7063; ||<span style="display: inline-block; width:100px; background-color:#ec7063;">&nbsp;</span>||  
|-
|-
| || grau || #555555; ||<span style="display: inline-block; width:100px; background-color:#555555;">&nbsp;</span>|| Schaltflächen AV
| grau || #555555; ||<span style="display: inline-block; width:100px; background-color:#555555;">&nbsp;</span>|| Schaltflächen AV
|-
|-
| || graubd || #d3d3d3; ||<span style="display: inline-block; width:100px; background-color:#d3d3d3;">&nbsp;</span>|| Graue Ränder in  
| graubd || #d3d3d3; ||<span style="display: inline-block; width:100px; background-color:#d3d3d3;">&nbsp;</span>|| Graue Ränder in  
|-
|-
| || grau-l || rgba(0, 0, 0, 0.6); ||<span style="display: inline-block; width:100px; background-color:rgba(0, 0, 0, 0.6);">&nbsp;</span>|| Graue Schrift
| grau-l || rgba(0, 0, 0, 0.6); ||<span style="display: inline-block; width:100px; background-color:rgba(0, 0, 0, 0.6);">&nbsp;</span>|| Graue Schrift
|-
|-
| class="Leerzeile" |
| class="Leerzeile" |
|-
|-
| '''UTM''' ||grün ||  #468847; ||<span style="display: inline-block; width:100px; background-color:#468847;">&nbsp;</span>|| Aktiviert, positiv
| rowspan="5" style="vertical-align: top;" | '''UTM''' ||grün ||  #468847; ||<span style="display: inline-block; width:100px; background-color:#468847;">&nbsp;</span>|| Aktiviert, positiv
|-
|-
| || rot || #ec7063; ||<span style="display: inline-block; width:100px; background-color:#ec7063;">&nbsp;</span>||Fehler, gesperrt, Warnung
| rot || #ec7063; ||<span style="display: inline-block; width:100px; background-color:#ec7063;">&nbsp;</span>||Fehler, gesperrt, Warnung
|-
|-
| || grau || rgb(153, 153, 153); ||<span style="display: inline-block; width:100px; background-color:rgb(153, 153, 153);">&nbsp;</span>|| Schaltflächen UTM
| grau || rgb(153, 153, 153); ||<span style="display: inline-block; width:100px; background-color:rgb(153, 153, 153);">&nbsp;</span>|| Schaltflächen UTM
|-
|-
| || graubd || #B6B6B6; ||<span style="display: inline-block; width:100px; background-color:#B6B6B6;">&nbsp;</span>|| Graue Ränder in UTM-Eingabefeldern  
| graubd || #B6B6B6; ||<span style="display: inline-block; width:100px; background-color:#B6B6B6;">&nbsp;</span>|| Graue Ränder in UTM-Eingabefeldern  
|-
|-
| || grau-l || rgba(0, 0, 0, 0.6); ||<span style="display: inline-block; width:100px; background-color:rgba(0, 0, 0, 0.6);">&nbsp;</span>|| Graue Schrift
| grau-l || rgba(0, 0, 0, 0.6); ||<span style="display: inline-block; width:100px; background-color:rgba(0, 0, 0, 0.6);">&nbsp;</span>|| Graue Schrift
|-
|-
| class="Leerzeile" | <br>
| class="Leerzeile" | <br>
|-
|-
|  '''Standard-Werte für alle Seiten:''' || dgrau || rgb(51, 51, 51); ||<span style="display: inline-block; width:100px; background-color:rgb(51, 51, 51);">&nbsp;</span>||Log-Einträge UTM, <br><small>Sehr ähnlich: Dunkel-graue Schrift in grauen Schaltflächen AV (rgba(0,0,0, 0.8)</small>
|  rowspan="21" style="vertical-align: top;" | '''Standard-Werte für alle Seiten:''' || dgrau || rgb(51, 51, 51); ||<span style="display: inline-block; width:100px; background-color:rgb(51, 51, 51);">&nbsp;</span>||Log-Einträge UTM, <br><small>Sehr ähnlich: Dunkel-graue Schrift in grauen Schaltflächen AV (rgba(0,0,0, 0.8)</small>
|-
|-
| || hgrau || rgba(0, 0, 0, 0.05); ||<span style="display: inline-block; width:100px; background-color:rgba(0, 0, 0, 0.05);">&nbsp;</span>|| Status-Meldungen
| hgrau || rgba(0, 0, 0, 0.05); ||<span style="display: inline-block; width:100px; background-color:rgba(0, 0, 0, 0.05);">&nbsp;</span>|| Status-Meldungen
|-
|-
| || grau-app ||#c1cbce; ||<span style="display: inline-block; width:100px; background-color:#c1cbce;">&nbsp;</span>|| Graue Balken in der Android-App
| grau-app ||#c1cbce; ||<span style="display: inline-block; width:100px; background-color:#c1cbce;">&nbsp;</span>|| Graue Balken in der Android-App
|-
|-
| || grau-s || #55676d; ||<span style="display: inline-block; width:100px; background-color:#55676d;">&nbsp;</span>|| Graue Schrift in Android-App
| grau-s || #55676d; ||<span style="display: inline-block; width:100px; background-color:#55676d;">&nbsp;</span>|| Graue Schrift in Android-App
|-
|-
| || grau-b || #878a90; ||<span style="display: inline-block; width:100px; background-color:#878a90;">&nbsp;</span>|| Graue Buttons in Android-App
| grau-b || #878a90; ||<span style="display: inline-block; width:100px; background-color:#878a90;">&nbsp;</span>|| Graue Buttons in Android-App
|-
|-
|  || blau || rgb(58, 135, 173); ||<span style="display: inline-block; width:100px; background-color:rgb(58, 135, 173);">&nbsp;</span>||Zonen, Bereiche
| blau || rgb(58, 135, 173); ||<span style="display: inline-block; width:100px; background-color:rgb(58, 135, 173);">&nbsp;</span>||Zonen, Bereiche
|-
|-
|  || hblau <small> hell-blau</small> || #00bcd4; || <span style="display: inline-block; width:100px; background-color:#00bcd4;">&nbsp;</span> || Geblockte Anfragen
| hblau <small> hell-blau</small> || #00bcd4; || <span style="display: inline-block; width:100px; background-color:#00bcd4;">&nbsp;</span> || Geblockte Anfragen
|-
|-
| || macos-blau || #257bfe; || <span style="display: inline-block; width:100px; background-color:#257bfe;">&nbsp;</span> || Schaltflächen in MacOS
| macos-blau || #257bfe; || <span style="display: inline-block; width:100px; background-color:#257bfe;">&nbsp;</span> || Schaltflächen in MacOS
|-
|-
| || b || rgb(2,100,130); || <span style="display: inline-block; width:100px; background-color:rgb(2,100,130);">&nbsp;</span> || {{Hinweis|!|b}}
| b || rgb(2,100,130); || <span style="display: inline-block; width:100px; background-color:rgb(2,100,130);">&nbsp;</span> || {{Hinweis|!|b}}
|-
|-
|  || rots || rgba(231,76,60, 0.7); ||<span style="display: inline-block; width:100px; background-color: rgba(231,76,60, 0.7);">&nbsp;</span>||Symbole in rot
| rots || rgba(231,76,60, 0.7); ||<span style="display: inline-block; width:100px; background-color: rgba(231,76,60, 0.7);">&nbsp;</span>||Symbole in rot
|-
|-
| || rotr || #e43725; ||<span style="display: inline-block; width:100px; background-color:#e43725;">&nbsp;</span>|| verwendet für Border von Schaltflächen
| rotr || #e43725; ||<span style="display: inline-block; width:100px; background-color:#e43725;">&nbsp;</span>|| verwendet für Border von Schaltflächen
|-
|-
| || rotbd || #d62c1a; ||<span style="display: inline-block; width:100px; background-color:#d62c1a;">&nbsp;</span>|| verwendet für Border von Hinweisen
| rotbd || #d62c1a; ||<span style="display: inline-block; width:100px; background-color:#d62c1a;">&nbsp;</span>|| verwendet für Border von Hinweisen
|-
|-
| || rot-cb || #ef8b80; ||<span style="display: inline-block; width:100px; background-color:#ef8b80;">&nbsp;</span>|| verwendet für Border von Clickboxen
| rot-cb || #ef8b80; ||<span style="display: inline-block; width:100px; background-color:#ef8b80;">&nbsp;</span>|| verwendet für Border von Clickboxen
|-
|-
| || r || #d71e0b ||<span style="display: inline-block; width:100px; background-color:rgb(215,30,11);">&nbsp;</span>|| verwendet {{Hinweis|!|r}}
| r || #d71e0b ||<span style="display: inline-block; width:100px; background-color:rgb(215,30,11);">&nbsp;</span>|| verwendet {{Hinweis|!|r}}
|-
|-
|  || orange || #ff5722; || <span style="display: inline-block; width:100px; background-color:#ff5722;">&nbsp;</span> || verwendet für Warnungen in Statistik
| orange || #ff5722; || <span style="display: inline-block; width:100px; background-color:#ff5722;">&nbsp;</span> || verwendet für Warnungen in Statistik
|-
|-
| ||  white-l || rgba(255, 255, 255, 0.9); ||<span style="display: inline-block; width:100px; background-color:(255, 255, 255, 0.9);">&nbsp;</span>|| verwendet für Schrift in Hinweisen
| white-l || rgba(255, 255, 255, 0.9); ||<span style="display: inline-block; width:100px; background-color:(255, 255, 255, 0.9);">&nbsp;</span>|| verwendet für Schrift in Hinweisen
|-
|-
|  || gelb || #f0ad4e; ||<span style="display: inline-block; width:100px; background-color:#f0ad4e;">&nbsp;</span>|| Achtung, unbekannt
| gelb || #f0ad4e; ||<span style="display: inline-block; width:100px; background-color:#f0ad4e;">&nbsp;</span>|| Achtung, unbekannt
|-
|-
|  || gelbbd || #ec971f; ||<span style="display: inline-block; width:100px; background-color:#ec971f;">&nbsp;</span>|| Border gelbe Felder
| gelbbd || #ec971f; ||<span style="display: inline-block; width:100px; background-color:#ec971f;">&nbsp;</span>|| Border gelbe Felder
|-
|-
| || g || rgb(255,200,0); || <span style="display: inline-block; width:100px; background-color:rgb(255,200,0);">&nbsp;</span> || {{Hinweis|!|g}}
| g || rgb(255,200,0); || <span style="display: inline-block; width:100px; background-color:rgb(255,200,0);">&nbsp;</span> || {{Hinweis|!|g}}
|-
|-
| || grünbd || #24a25a; || <span style="display: inline-block; width:100px; background-color:#24a25a;">&nbsp;</span>|| Border grüne Felder
| grünbd || #24a25a; || <span style="display: inline-block; width:100px; background-color:#24a25a;">&nbsp;</span>|| Border grüne Felder
|-
|-
| || gr || rgb(2,90,0); || <span style="display: inline-block; width:100px; background-color:rgb(2,90,0);">&nbsp;</span> || {{Hinweis|!|gr}}
| gr || rgb(2,90,0); || <span style="display: inline-block; width:100px; background-color:rgb(2,90,0);">&nbsp;</span> || {{Hinweis|!|gr}}
|}
|}

Version vom 20. September 2019, 08:58 Uhr


Diese Seite gibt verschieden Farbwerte für Farbnamen in Abhängigkeit der verwendeten Seite aus:

Liefert z.B. für : {{ Farbe | dgrau }} den Wert rgb(51, 51, 51);


Anwendung Farb-Parameter Rückgabewert (mit ; ) Farbe Verwendung
Mobile Security / MDM grün #2DCC71;   eingeloggt
rot #E74C3C;   ausgeolggt, Schaltflächen
grau #cccccc;   Schaltflächen AV
graubd #b2b2b2;   Graue Ränder in AV-Schaltflächen
grau-l rgba(0, 0, 0, 0.6);   Graue Schrift

UMA grün #468847;  
rot #ec7063;  
grau #555555;   Schaltflächen AV
graubd #d3d3d3;   Graue Ränder in
grau-l rgba(0, 0, 0, 0.6);   Graue Schrift
UTM grün #468847;   Aktiviert, positiv
rot #ec7063;   Fehler, gesperrt, Warnung
grau rgb(153, 153, 153);   Schaltflächen UTM
graubd #B6B6B6;   Graue Ränder in UTM-Eingabefeldern
grau-l rgba(0, 0, 0, 0.6);   Graue Schrift

Standard-Werte für alle Seiten: dgrau rgb(51, 51, 51);   Log-Einträge UTM,
Sehr ähnlich: Dunkel-graue Schrift in grauen Schaltflächen AV (rgba(0,0,0, 0.8)
hgrau rgba(0, 0, 0, 0.05);   Status-Meldungen
grau-app #c1cbce;   Graue Balken in der Android-App
grau-s #55676d;   Graue Schrift in Android-App
grau-b #878a90;   Graue Buttons in Android-App
blau rgb(58, 135, 173);   Zonen, Bereiche
hblau hell-blau #00bcd4;   Geblockte Anfragen
macos-blau #257bfe;   Schaltflächen in MacOS
b rgb(2,100,130);  
rots rgba(231,76,60, 0.7);   Symbole in rot
rotr #e43725;   verwendet für Border von Schaltflächen
rotbd #d62c1a;   verwendet für Border von Hinweisen
rot-cb #ef8b80;   verwendet für Border von Clickboxen
r #d71e0b   verwendet
orange #ff5722;   verwendet für Warnungen in Statistik
white-l rgba(255, 255, 255, 0.9);   verwendet für Schrift in Hinweisen
gelb #f0ad4e;   Achtung, unbekannt
gelbbd #ec971f;   Border gelbe Felder
g rgb(255,200,0);  
grünbd #24a25a;   Border grüne Felder
gr rgb(2,90,0);  
Abgerufen von „https://wiki.securepoint.de/index.php?title=Vorlage:Farbe/Doku&oldid=63186“