This is a documentation for Board Game Arena: play board games online !

Template:HCard: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
(clueNumber backgroundColour)
(+default clue color)
 
(21 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<div style="display:inline-grid;grid:16px 4px 24px 28px/26px;place-items:baseline center;width:26px;vertical-align:-webkit-baseline-middle;"><div style="grid-area:1/1/3/1;place-self:center start;width:12px;height:100%;margin:0 1px;border-radius:3px 3px 0 0;border:1px solid #2F2342;background-color:#ccc8;display:{{{showClueNumber|none}}};"></div><div style="grid-area:1/1/3/1;width:22px;height:100%;margin:-1px 1px;border-radius:3px 3px 0 0;border:1px solid #2F2342;background-color:{{{clueColour|{{{colour|transparent}}}}}};visibility:{{{showClueColour|hidden}}};"></div><div style="grid-area:1/1/2/1;display:{{{showClueNumber|none}}};place-self:center start;width:24px;padding:0 3px;line-height:normal;font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:16px;color:#2F2342;">{{{clueNumber|{{{1|&ZeroWidthSpace;}}}}}}</div><div alt="{{{colourName|}}} {{{1|}}}" style="grid-area:2/1/4/1;display:grid;place-items:start center;width:26px;border-radius:3px 3px 0 0;background-color:{{{backgroundColour|#2F2342}}};color:{{{colour|transparent}}};line-height:normal;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:28px;-webkit-text-stroke:1px rgba(255,255,255,{{{textOutline|0}}});">{{{1|&ZeroWidthSpace;}}}</div><div style="grid-area:4/1/5/1;display:grid;place-items:start center;width:26px;height:100%;border-radius:0 0 3px 3px;background-color:{{{backgroundColour|#2F2342}}};color:{{{colour|transparent}}};line-height:normal;font-family:Roboto,Arial,sans-serif;font-size:20px;">{{{colourLetter|}}}</div></div><noinclude>
<onlyinclude><span style="display:inline-grid;grid:16px 24px 28px/auto-flow;width:26px;font:500 16px/1.1 Roboto;text-align:center;color:{{{2|#0000}}}"><span style="grid-area:2/1/4/1;z-index:1;width:26px;font:700 28px/1.1 Roboto;border-radius:3px;background:{{{b|linear-gradient(#324,#458)}}};-webkit-text-stroke:{{{o|0}}}px #fff"><span style="font-size:0">{{{4|card}}}</span>{{{1|}}}</span><span aria-hidden="true" style="grid-area:3/1/4/1;z-index:1;width:26px;font:20px/1.1 cursive">{{{3|}}}</span><span aria-hidden="true" style="grid-area:3/1/4/1;position:relative;top:26px;z-index:4;width:26px;color:{{{d|#fff}}}">{{{p|}}}</span><span style="font-size:0;{{{c|visibility:hidde}}}{{{n|n}}}">,with a </span><span style="grid-area:1/1/3/1;width:12px;margin:0 1px;border-radius:3px;border:1px solid #648;background:#ccc8;visibility:hidde{{{n|n}}}"></span><span style="grid-area:1/1/3/1;justify-self:center;width:22px;border-radius:3px;border:1px solid #648;background:{{{C|{{{2|#ddd}}}}}};{{{c|visibility:hidde}}}n"><span style="font-size:0;{{{c|visibility:hidde}}}n">{{{a|{{{4|Hanabi card}}}}}} </span></span><span style="grid-area:1/1/3/1;padding:0 3px;line-height:1.15;text-align:left;color:#324;visibility:hidde{{{n|n}}}">{{{1|}}}</span><span style="font-size:0;{{{c|visibility:hidde}}}{{{n|n}}}">clue,</span></span></onlyinclude>


== Examples ==
== Examples ==


* {{Hr|1|n=|c}} {{Hy|2|n|c=}} {{Hg|3|n=|c=}} {{Hb|4|n=|c}} {{Hw|5|n|c=}} {{Hm|5|{{m}}|2|n=|c=}} {{Hk|5|n=}} {{HBack|5|{{r}}|n=|c=}}
{|class="wikitable" style="width:auto;line-height:1;"
!style="writing-mode:sideways-lr;"|Red
|style="text-align:center;"|{{Hr|1}} {{Hr|2|n=}} {{Hr|3|c=}} {{Hr|4|n=|c=}} {{HBack|5|{{r}}|red|n=|c=}}
|{{code|<nowiki>{{Hr|1}}</nowiki>}}


<code><nowiki>{{Hr|1|n=|c}}</nowiki></code>
{{code|<nowiki>{{Hr|2|n=}}</nowiki>}}


<code><nowiki>{{Hy|2|n|c=}}</nowiki></code>
{{code|<nowiki>{{Hr|3|c=}}</nowiki>}}


<code><nowiki>{{Hg|3|n=|c=}}</nowiki></code>
{{code|<nowiki>{{Hr|4|n=|c=}}</nowiki>}}


<code><nowiki>{{Hb|4|n=|c}}</nowiki></code>
{{code|<nowiki>{{HBack|5|{{r}}|red|n=|c=}}</nowiki>}}
|-
!style="writing-mode:sideways-lr;"|Yellow
|style="text-align:center;"|{{Hy|1}} {{Hy|2|n=}} {{Hy|3|c=}} {{Hy|4|n=|c=}} {{HBack|5|{{y}}|yellow|n=|c=}}
|{{code|<nowiki>{{Hy|1}}</nowiki>}}


<code><nowiki>{{Hw|5|n|c=}}</nowiki></code>
{{code|<nowiki>{{Hy|2|n=}}</nowiki>}}


<code><nowiki>{{Hm|5|{{m}}|2|n=|c=}}</nowiki></code>
{{code|<nowiki>{{Hy|3|c=}}</nowiki>}}


<code><nowiki>{{Hk|5|n=}}</nowiki></code>
{{code|<nowiki>{{Hy|4|n=|c=}}</nowiki>}}


<code><nowiki>{{HBack|5|{{r}}|n=|c=}}</nowiki></code>
{{code|<nowiki>{{HBack|5|{{y}}|yellow|n=|c=}}</nowiki>}}
|-
!style="writing-mode:sideways-lr;"|Green
|style="text-align:center;"|{{Hg|1}} {{Hg|2|n=}} {{Hg|3|c=}} {{Hg|4|n=|c=}} {{HBack|5|{{g}}|green|n=|c=}}
|{{code|<nowiki>{{Hg|1}}</nowiki>}}


== Available parameters ==
{{code|<nowiki>{{Hg|2|n=}}</nowiki>}}
<div style="display:grid;grid-template-columns:repeat(3,max-content) 2fr;gap:0.5rem;overflow:auto;text-overflow:ellipsis;">
 
  <div style="font-weight:bold;width:8rem;">Parameter</div>
{{code|<nowiki>{{Hg|3|c=}}</nowiki>}}
  <div style="font-weight:bold;width:8rem;">Default value</div>
 
  <div style="font-weight:bold;width:8rem;">Example</div>
{{code|<nowiki>{{Hg|4|n=|c=}}</nowiki>}}
  <div style="font-weight:bold;width:8rem;">Description</div>
 
  <div><code>1</code></div>
{{code|<nowiki>{{HBack|5|{{g}}|green|n=|c=}}</nowiki>}}
  <div><code>&amp;ZeroWidthSpace;</code></div>
|-
  <div><code><nowiki>|5</nowiki></code></div>
!style="writing-mode:sideways-lr;"|Blue
  <div>'''''Required:''''' specify the card rank (<code>1</code>/<code>2</code>/<code>3</code>/<code>4</code>/<code>5</code>).</div>
|style="text-align:center;"|{{Hb|1}} {{Hb|2|n=}} {{Hb|3|c=}} {{Hb|4|n=|c=}} {{HBack|5|{{b}}|blue|n=|c=}}
  <div><code>colour</code></div>
|{{code|<nowiki>{{Hb|1}}</nowiki>}}
  <div><code>transparent</code></div>
 
  <div><code><nowiki>|colour={{g}}</nowiki></code></div>
{{code|<nowiki>{{Hb|2|n=}}</nowiki>}}
  <div>'''''Required:''''' specify the card colour: <code><nowiki>{{r}}</nowiki></code> <code><nowiki>{{y}}</nowiki></code> <code><nowiki>{{g}}</nowiki></code> <code><nowiki>{{b}}</nowiki></code> <code><nowiki>{{w}}</nowiki></code> <code><nowiki>{{m}}</nowiki></code></div>
 
  <div><code>colourLetter</code></div>
{{code|<nowiki>{{Hb|3|c=}}</nowiki>}}
  <div><code>null</code></div>
 
  <div><code><nowiki>|colourLetter=g</nowiki></code></div>
{{code|<nowiki>{{Hb|4|n=|c=}}</nowiki>}}
  <div>'''''Required:''''' specify the card colour letter: red ⇨<code>r</code>, yellow ⇨<code>y</code>, green ⇨<code>g</code>, blue ⇨<code>b</code>, white ⇨<code>w</code>, multicolour ⇨<code>m</code>.</div>
 
  <div><code>colourName</code></div>
{{code|<nowiki>{{HBack|5|{{b}}|blue|n=|c=}}</nowiki>}}
  <div><code>null</code></div>
|-
  <div><code><nowiki>|colourName=green</nowiki></code></div>
!style="writing-mode:sideways-lr;"|White
  <div>'''''Required:''''' specify the colour word used for tooltips and screen readers.</div>
|style="text-align:center;"|{{Hw|1}} {{Hw|2|n=}} {{Hw|3|c=}} {{Hw|4|n=|c=}} {{HBack|5|{{w}}|white|n=|c=}}
  <div><code>clueColour</code></div>
|{{code|<nowiki>{{Hw|1}}</nowiki>}}
  <div><code>null</code></div>
 
  <div><code><nowiki>|clueColour={{g}}</nowiki></code></div>
{{code|<nowiki>{{Hw|2|n=}}</nowiki>}}
  <div>'''''Optional:''''' specify the clue colour: <code><nowiki>{{r}}</nowiki></code> <code><nowiki>{{y}}</nowiki></code> <code><nowiki>{{g}}</nowiki></code> <code><nowiki>{{b}}</nowiki></code> <code><nowiki>{{w}}</nowiki></code> <code><nowiki>{{m}}</nowiki></code></div>
 
  <div><code>clueNumber</code></div>
{{code|<nowiki>{{Hw|3|c=}}</nowiki>}}
  <div><code>{{{1|&amp;ZeroWidthSpace;}}}</code></div>
 
  <div><code><nowiki>|clueNumber={{1}}</nowiki></code></div>
{{code|<nowiki>{{Hw|4|n=|c=}}</nowiki>}}
  <div>'''''Optional:''''' specify the clue number: (<code>1</code>/<code>2</code>/<code>3</code>/<code>4</code>/<code>5</code>).</div>
 
  <div><code>textOutline</code></div>
{{code|<nowiki>{{HBack|5|{{w}}|white|n=|c=}}</nowiki>}}
  <div><code>0</code></div>
|-
  <div><code><nowiki>|textOutline=1</nowiki></code></div>
!style="writing-mode:sideways-lr;"|Multicolor
  <div>'''''Optional:''''' specify the text outline opacity: transparent ⇨<code><nowiki>0</nowiki></code>, opaque ⇨<code><nowiki>1</nowiki></code></div>
|style="text-align:center;"|{{Hm|1}} {{Hm|2|n=}} {{Hm|3|c=}} {{Hm|4|n=|c=}} {{Hm|5|{{g}}|green|n=|c=}} {{HBack|5|{{m}}|multicolor|n=|c=}}
<div><code>backgroundColour</code></div>
|{{code|<nowiki>{{Hm|1}}</nowiki>}}
   <div><code>#2F2342</code> (black)</div>
 
   <div><code><nowiki>|backgroundColour=grey</nowiki></code></div>
{{code|<nowiki>{{Hm|2|n=}}</nowiki>}}
   <div>'''''Optional:''''' specify the background colour.</div>
 
   <div><code>showClueNumber</code></div>
{{code|<nowiki>{{Hm|3|c=}}</nowiki>}}
  <div><code>none</code></div>
 
  <div><code><nowiki>|showClueNumber=</nowiki></code></div>
{{code|<nowiki>{{Hm|4|n=|c=}}</nowiki>}}
   <div>'''''Optional:''''' display the rank clue.</div>
 
  <div><code>showClueColour</code></div>
{{code|<nowiki>{{Hm|5|{{g}}|green|n=|c=}}</nowiki>}}
  <div><code>hidden</code></div>
 
   <div><code><nowiki>|showClueColour=</nowiki></code></div>
{{code|<nowiki>{{HBack|5|{{m}}|multicolor|n=|c=}}</nowiki>}}
   <div>'''''Optional:''''' display the colour clue.</div>
|-
!style="writing-mode:sideways-lr;"|Black Powder
|style="text-align:center;"|{{Hk|5}} {{Hk|4|n=}}
|{{code|<nowiki>{{Hk|5}}</nowiki>}}
 
{{code|<nowiki>{{Hk|4|n=}}</nowiki>}}
|-
!style="writing-mode:sideways-lr;"|Deck
|style="text-align:center;"|{{HDeck|5}}
|{{code|<nowiki>{{HDeck|5}}</nowiki>}}
|-
!style="writing-mode:sideways-lr;"|Blank
|style="text-align:center;"|{{HCard|1|n=}} {{HCard|C={{g}}|c=}} {{HCard|3|C={{g}}|n=|c=}}
|{{code|<nowiki>{{HCard|1|n=}}</nowiki>}}
 
{{code|<nowiki>{{HCard|C={{g}}|c=}}</nowiki>}}
 
{{code|<nowiki>{{HCard|3|C={{g}}|n=|c=}}</nowiki>}}
|-
!style="writing-mode:sideways-lr;" rowspan=2|Cardholder
|style="text-align:center;"|<span style="text-align:left;">{{cardholder|{{Hr|1}}{{Hy|2}}{{Hg|3}}{{Hb|4}} |Alice 🡲}}</span>
|{{code|<nowiki>{{cardholder|</nowiki>}}{{code|<nowiki>{{Hr|1}}</nowiki>}}{{code|<nowiki>{{Hy|2}}</nowiki>}}{{code|<nowiki>{{Hg|3}}</nowiki>}}{{code|<nowiki>{{Hb|4}}</nowiki>}}{{code|<nowiki>|Alice 🡲}}</nowiki>}}
|-
|style="text-align:center;"|<span style="text-align:left;">{{cardholder|{{Hr|1|p=A}}{{Hy|2|p=B}}{{Hg|3|p=C}}{{Hb|4|p=D}} }}</span>
|{{code|<nowiki>{{cardholder|</nowiki>}}{{code|<nowiki>{{Hr|1|p=A}}</nowiki>}}{{code|<nowiki>{{Hy|2|p=B}}</nowiki>}}{{code|<nowiki>{{Hg|3|p=C}}</nowiki>}}{{code|<nowiki>{{Hb|4|p=D}}</nowiki>}}{{code|<nowiki>}}</nowiki>}}
|}
 
== Parameters ==
 
<div style="display:grid;grid-template-columns:repeat(4,max-content) 1fr;gap:0.5rem;overflow:auto;text-overflow:ellipsis;">
  <div>{{text|w=bold|Id}}</div>
  <div>{{text|w=bold|Name}}</div>
  <div>{{text|w=bold|Default}}</div>
  <div>{{text|w=bold|Example}}</div>
   <div>{{text|w=bold|Description}}</div>
  <div>{{code|1}}</div>
   <div>Rank</div>
   <div>empty</div>
   <div>{{code|<nowiki>{{Hg|5}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|5}}</nowiki>}}</div>
   <div>card rank<br> ({{code|1}}/{{code|2}}/{{code|3}}/{{code|4}}/{{code|5}}).</div>
   <div>{{code|c}}</div>
  <div>Show clue color</div>
  <div>hidden</div>
   <div>{{code|<nowiki>{{Hg|c=}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|c=}}</nowiki>}}</div>
  <div>display the color clue.</div>
  <div>{{code|n}}</div>
  <div>Show clue number</div>
  <div>hidden</div>
  <div>{{code|<nowiki>{{Hg|n=}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|n=}}</nowiki>}}</div>
  <div>display the rank clue.</div>
  <div>{{code|p}}</div>
  <div>Player text</div>
  <div>empty</div>
  <div>{{code|<nowiki>{{Hg|p=A}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|p=A}}</nowiki>}}</div>
  <div>card holder text: single character below the card to represent a player e.g. {{code|A}}/{{code|B}}/{{code|C}}/{{code|D}}/{{code|E}}.</div>
  <div>{{code|d}}</div>
  <div>Player text color</div>
  <div>white</div>
  <div>{{code|<nowiki>{{Hw|d=black}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|d=black}}</nowiki>}}</div>
  <div>card holder text color<br> e.g. {{code|<nowiki>green</nowiki>}}.</div>
  <div>{{code|2}}</div>
  <div>Color</div>
  <div>white</div>
  <div>{{code|<nowiki>{{Hg}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|5|{{g}}}}</nowiki>}}</div>
  <div>{{code|<nowiki>{{HCard}}</nowiki>}} card color<br> e.g. {{code|<nowiki>{{r}}</nowiki>}} {{code|<nowiki>{{y}}</nowiki>}} {{code|<nowiki>{{g}}</nowiki>}} {{code|<nowiki>{{b}}</nowiki>}} {{code|<nowiki>{{w}}</nowiki>}} {{code|<nowiki>{{m}}</nowiki>}}.</div>
  <div>{{code|3}}</div>
  <div>Color letter</div>
  <div>empty</div>
  <div>{{code|<nowiki>{{Hg}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|5|{{g}}|g}}</nowiki>}}</div>
  <div>{{code|<nowiki>{{HCard}}</nowiki>}} card color letter<br>({{code|r}}ed, {{code|y}}ellow, {{code|g}}reen, {{code|b}}lue, {{code|w}}hite, {{code|m}}ulticolor).</div>
  <div>{{code|4}}</div>
  <div>Color name</div>
  <div>empty</div>
  <div>{{code|<nowiki>{{Hg}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|5|{{g}}|g|green}}</nowiki>}}</div>
  <div>{{code|<nowiki>{{HCard}}</nowiki>}} color word used for tooltips and screen readers.</div>
  <div>{{code|a}}</div>
  <div>Clue color name</div>
  <div>empty</div>
  <div>{{code|<nowiki>{{Hg}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|a=green}}</nowiki>}}</div>
  <div>{{code|<nowiki>{{HCard}}</nowiki>}} clue color word used for tooltips and screen readers.</div>
  <div>{{code|C}}</div>
  <div>Clue color</div>
  <div>Color</div>
  <div>{{code|<nowiki>{{Hm|C=green}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|C=green}}</nowiki>}}</div>
  <div>{{code|<nowiki>{{HCard}}</nowiki>}} e.g. {{code|<nowiki>{{r}}</nowiki>}} {{code|<nowiki>{{y}}</nowiki>}} {{code|<nowiki>{{g}}</nowiki>}} {{code|<nowiki>{{b}}</nowiki>}} {{code|<nowiki>{{w}}</nowiki>}} {{code|<nowiki>{{m}}</nowiki>}}.</div>
  <div>{{code|b}}</div>
  <div>Background color</div>
  <div>black</div>
  <div>{{code|<nowiki>{{HBack}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|b=grey}}</nowiki>}}</div>
  <div>{{code|<nowiki>{{HCard}}</nowiki>}} background color.</div>
  <div>{{code|o}}</div>
  <div>Text outline</div>
  <div>{{code|0}}</div>
  <div>{{code|<nowiki>{{Hk}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|o=1}}</nowiki>}}</div>
  <div>{{code|<nowiki>{{HCard}}</nowiki>}} white text outline thickness in px units.</div>
</div>
</div>
== Pages using {{FULLPAGENAME}} ==
{{Special:WhatLinksHere/{{FULLPAGENAME}}}}


[[Category:HanabiCards]]
[[Category:HanabiCards]]
</noinclude>

Latest revision as of 15:43, 29 August 2026

card,with a Hanabi card clue,

Examples

Red red1,with a red 1clue, red2,with a red 2clue, red3,with a red 3clue, red4,with a red 4clue, card back5,with a red 5clue, {{Hr|1}}

{{Hr|2|n=}}

{{Hr|3|c=}}

{{Hr|4|n=|c=}}

{{HBack|5|{{r}}|red|n=|c=}}

Yellow yellow1,with a yellow 1clue, yellow2,with a yellow 2clue, yellow3,with a yellow 3clue, yellow4,with a yellow 4clue, card back5,with a yellow 5clue, {{Hy|1}}

{{Hy|2|n=}}

{{Hy|3|c=}}

{{Hy|4|n=|c=}}

{{HBack|5|{{y}}|yellow|n=|c=}}

Green green1,with a green 1clue, green2,with a green 2clue, green3,with a green 3clue, green4,with a green 4clue, card back5,with a green 5clue, {{Hg|1}}

{{Hg|2|n=}}

{{Hg|3|c=}}

{{Hg|4|n=|c=}}

{{HBack|5|{{g}}|green|n=|c=}}

Blue blue1,with a blue 1clue, blue2,with a blue 2clue, blue3,with a blue 3clue, blue4,with a blue 4clue, card back5,with a blue 5clue, {{Hb|1}}

{{Hb|2|n=}}

{{Hb|3|c=}}

{{Hb|4|n=|c=}}

{{HBack|5|{{b}}|blue|n=|c=}}

White white1,with a white 1clue, white2,with a white 2clue, white3,with a white 3clue, white4,with a white 4clue, card back5,with a white 5clue, {{Hw|1}}

{{Hw|2|n=}}

{{Hw|3|c=}}

{{Hw|4|n=|c=}}

{{HBack|5|{{w}}|white|n=|c=}}

Multicolor multicolour1,with a multicolour 1clue, multicolour2,with a multicolour 2clue, multicolour3,with a multicolour 3clue, multicolour4,with a multicolour 4clue, multicolour5,with a green 5clue, card back5,with a multicolor 5clue, {{Hm|1}}

{{Hm|2|n=}}

{{Hm|3|c=}}

{{Hm|4|n=|c=}}

{{Hm|5|{{g}}|green|n=|c=}}

{{HBack|5|{{m}}|multicolor|n=|c=}}

Black Powder black powder5,with a black powder 5clue, black powder4,with a black powder 4clue, {{Hk|5}}

{{Hk|4|n=}}

Deck 5cards in the deck {{HDeck|5}}
Blank card1,with a Hanabi card 1clue, card,with a Hanabi card clue, card3,with a Hanabi card 3clue, {{HCard|1|n=}}

{{HCard|C={{g}}|c=}}

{{HCard|3|C={{g}}|n=|c=}}

Cardholder red1,with a red 1clue,yellow2,with a yellow 2clue,green3,with a green 3clue,blue4,with a blue 4clue, Alice 🡲 {{cardholder|{{Hr|1}}{{Hy|2}}{{Hg|3}}{{Hb|4}}|Alice 🡲}}
red1,with a red 1clue,yellow2,with a yellow 2clue,green3,with a green 3clue,blue4,with a blue 4clue, ​ {{cardholder|{{Hr|1|p=A}}{{Hy|2|p=B}}{{Hg|3|p=C}}{{Hb|4|p=D}}}}

Parameters

Id
Name
Default
Example
Description
1
Rank
empty
{{Hg|5}}
{{HCard|5}}
card rank
(1/2/3/4/5).
c
Show clue color
hidden
{{Hg|c=}}
{{HCard|c=}}
display the color clue.
n
Show clue number
hidden
{{Hg|n=}}
{{HCard|n=}}
display the rank clue.
p
Player text
empty
{{Hg|p=A}}
{{HCard|p=A}}
card holder text: single character below the card to represent a player e.g. A/B/C/D/E.
d
Player text color
white
{{Hw|d=black}}
{{HCard|d=black}}
card holder text color
e.g. green.
2
Color
white
{{Hg}}
{{HCard|5|{{g}}}}
{{HCard}} card color
e.g. {{r}} {{y}} {{g}} {{b}} {{w}} {{m}}.
3
Color letter
empty
{{Hg}}
{{HCard|5|{{g}}|g}}
{{HCard}} card color letter
(red, yellow, green, blue, white, multicolor).
4
Color name
empty
{{Hg}}
{{HCard|5|{{g}}|g|green}}
{{HCard}} color word used for tooltips and screen readers.
a
Clue color name
empty
{{Hg}}
{{HCard|a=green}}
{{HCard}} clue color word used for tooltips and screen readers.
C
Clue color
Color
{{Hm|C=green}}
{{HCard|C=green}}
{{HCard}} e.g. {{r}} {{y}} {{g}} {{b}} {{w}} {{m}}.
b
Background color
black
{{HBack}}
{{HCard|b=grey}}
{{HCard}} background color.
o
Text outline
0
{{Hk}}
{{HCard|o=1}}
{{HCard}} white text outline thickness in px units.

Pages using Template:HCard