Kit Design: Difference between revisions

From Kick Off Wiki
Jump to navigation Jump to search
No edit summary
 
No edit summary
 
Line 1: Line 1:


{{stub}}
 


[[Category:KORPS]]
[[Category:KORPS]]
These are the 16 default colours available to use in player kits.
<div style="display:flex; margin-bottom:10px;">
  <div style="width:60px; height:60px; background:#00a; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">1<br>#00a</div>
  </div>
  <div style="width:60px; height:60px; background:#00f; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">2<br>#00f</div>
  </div>
  <div style="width:60px; height:60px; background:#08f; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">3<br>#08f</div>
  </div>
  <div style="width:60px; height:60px; background:#0ff; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">4<br>#0ff</div>
  </div>
</div>
<div style="display:flex; margin-bottom:10px;">
  <div style="width:60px; height:60px; background:#fff; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#000;">5<br>#fff</div>
  </div>
  <div style="width:60px; height:60px; background:#aaa; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">6<br>#aaa</div>
  </div>
  <div style="width:60px; height:60px; background:#888; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">7<br>#888</div>
  </div>
  <div style="width:60px; height:60px; background:#000; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(255,255,255,0.3); color:#fff;">8<br>#000</div>
  </div>
</div>
<div style="display:flex; margin-bottom:10px;">
  <div style="width:60px; height:60px; background:#600; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">9<br>#600</div>
  </div>
  <div style="width:60px; height:60px; background:#a00; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">10<br>#a00</div>
  </div>
  <div style="width:60px; height:60px; background:#e00; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">11<br>#e00</div>
  </div>
  <div style="width:60px; height:60px; background:#f60; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">12<br>#f60</div>
  </div>
</div>
<div style="display:flex; margin-bottom:10px;">
  <div style="width:60px; height:60px; background:#ff0; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#000;">13<br>#ff0</div>
  </div>
  <div style="width:60px; height:60px; background:#f8f; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">14<br>#f8f</div>
  </div>
  <div style="width:60px; height:60px; background:#f0f; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">15<br>#f0f</div>
  </div>
  <div style="width:60px; height:60px; background:#60f; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">16<br>#60f</div>
  </div>
</div>
<div style="display:flex; margin-bottom:10px;">
  <div style="width:60px; height:60px; background:#060; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">17<br>#060</div>
  </div>
  <div style="width:60px; height:60px; background:#0a0; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">18<br>#0a0</div>
  </div>
  <div style="width:60px; height:60px; background:#48a; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">19<br>#48a</div>
  </div>
  <div style="width:60px; height:60px; background:#086; border:1px solid #444; margin-right:8px; position:relative;">
    <div style="position:absolute; bottom:2px; left:2px; right:2px; font-size:11px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;">20<br>#086</div>
  </div>
</div>

Latest revision as of 22:46, 20 July 2026


These are the 16 default colours available to use in player kits.


1
#00a
2
#00f
3
#08f
4
#0ff
5
#fff
6
#aaa
7
#888
8
#000
9
#600
10
#a00
11
#e00
12
#f60
13
#ff0
14
#f8f
15
#f0f
16
#60f
17
#060
18
#0a0
19
#48a
20
#086
Retrieved from "https://wiki.kickoff2.com/index.php?title=Kit_Design&oldid=24885"