Predložak:Jači kontrast boja/doc: razlika između inačica

Izvor: Hrvatska internetska enciklopedija
Prijeđi na navigaciju Prijeđi na pretraživanje
← Starija izmjena
m Zamjena teksta - '{{Documentation subpage}}' u '{{Dokumentacijska podstranica}}'
mNema sažetka uređivanja
 
Redak 1: Redak 1:
{{Dokumentacijska podstranica}}
{{Dokumentacijska podstranica}}


== Examples ==
Ovaj predložak vraća boju teksta (npr. `white` ili `black`) koja ima jači kontrast u odnosu na zadanu pozadinsku boju.
* <code>&lt;span style="background:navy; color:{{tlf|Jači kontrast boja|navy|white|black}}">Navy</span&gt;</code> &rarr; <span style="background:navy; color:{{Jači kontrast boja|navy|white|black}}">Navy</span>
 
* <code>&lt;span style="{{tlf|Jači kontrast boja|navy|white|black|css{{=}}y}}">Navy</span&gt;</code> &rarr; <span style="{{Jači kontrast boja|navy|white|black|css=y}}">Navy</span>
== Sintaksa ==
* <code>&lt;span style="{{tlf|Jači kontrast boja|navy|css{{=}}y}}">Navy</span&gt;</code> &rarr; <span style="{{Jači kontrast boja|navy|css=y}}">Navy</span>
 
* <code>&lt;span style="background:red; color:{{tlf|Jači kontrast boja|red|white|black}}">Red</span&gt;</code> &rarr; <span style="background:red; color:{{Jači kontrast boja|red|white|black}}">Red</span>
<code>{{Jači kontrast boja|pozadina|svijetla_boja|tamna_boja}}</code>
* <code>&lt;span style="{{tlf|Jači kontrast boja|red|white|black|css{{=}}y}}">Red</span&gt;</code> &rarr; <span style="{{Jači kontrast boja|red|white|black|css=y}}">Red</span>
 
* <code>&lt;span style="{{tlf|Jači kontrast boja|red|css{{=}}y}}">Red</span&gt;</code> &rarr; <span style="{{Jači kontrast boja|red|css=y}}">Red</span>
* '''1''' – pozadinska boja (ime boje, HEX, rgb(), hsl()…)
* <code>&lt;span style="background:white; color:{{tlf|Jači kontrast boja|white|white|black}}">White</span&gt;</code> &rarr; <span style="background:white; color:{{Jači kontrast boja|white|white|black}}">White</span>
* '''2''' – (neobvezno) svijetla boja teksta, zadano: <code>#FFFFFF</code>
* <code>&lt;span style="{{tlf|Jači kontrast boja|white|white|black|css{{=}}y}}">White</span&gt;</code> &rarr; <span style="{{Jači kontrast boja|white|white|black|css=y}}">White</span>
* '''3''' – (neobvezno) tamna boja teksta, zadano: <code>#000000</code>
* <code>&lt;span style="background:black; color:{{tlf|Jači kontrast boja|black|white|black}}">Black</span&gt;</code> &rarr; <span style="background:black; color:{{Jači kontrast boja|black|white|black}}">Black</span>
* '''bias''' – (neobvezno) broj; pozitivna vrijednost blago preferira svijetlu boju
* <code>&lt;span style="{{tlf|Jači kontrast boja|black|white|black|css{{=}}y}}">Black</span&gt;</code> &rarr; <span style="{{Jači kontrast boja|black|white|black|css=y}}">Black</span>
* '''css''' – ako je <code>css=y</code>, vraća kompletan CSS stil (koristi se preko predloška {{Kontrast stil}})
* <code>&lt;span style="background:#005500; color:{{tlf|Jači kontrast boja|#005500|#FFFFFF|#000000}}">#005500</span&gt;</code> &rarr; <span style="background:#005500; color:{{Jači kontrast boja|#005500|#FFFFFF|#000000}}">#005500</span>
 
* <code>&lt;span style="{{tlf|Jači kontrast boja|#005500|#FFFFFF|#000000|css{{=}}y}}">#005500</span&gt;</code> &rarr; <span style="{{Jači kontrast boja|#005500|#FFFFFF|#000000|css=y}}">#005500</span>
== Primjeri ==
* <code>&lt;span style="background:#005500; color:#{{tlf|Jači kontrast boja|005500|FFFFFF|000000}}">005500</span&gt;</code> &rarr; <span style="background:#005500; color:#{{Jači kontrast boja|005500|FFFFFF|000000}}">005500</span>
 
* <code>&lt;span style="{{tlf|Jači kontrast boja|005500|FFFFFF|000000|css={{y}}}}">005500</span&gt;</code> &rarr; <span style="{{Jači kontrast boja|005500|FFFFFF|000000|css=y}}">005500</span>
; Osnovni primjeri
* <code>&lt;span style="background:#CC5500; color:#{{tlf|Jači kontrast boja|CC5500|FFFFFF|000000}}">CC5500</span&gt;</code> &rarr; <span style="background:#CC5500; color:#{{Jači kontrast boja|CC5500|FFFFFF|000000}}">CC5500</span>
* <code>&lt;span style="background:navy; color:{{Jači kontrast boja|navy|white|black}}"&gt;Navy&lt;/span&gt;</code> → 
* <code>&lt;span style="{{tlf|Jači kontrast boja|CC5500|FFFFFF|000000|css{{=}}y}}">CC5500</span&gt;</code> &rarr; <span style="{{Jači kontrast boja|CC5500|FFFFFF|000000|css=y}}">CC5500</span>
  <span style="background:navy; color:{{Jači kontrast boja|navy|white|black}}">Navy</span>
* <code>&lt;span style="background:#CC5500; color:#{{tlf|Jači kontrast boja|CC5500|FFFFFF|000000|bias{{=}}1}}">CC5500</span&gt;</code> &rarr; <span style="background:#CC5500; color:#{{Jači kontrast boja|CC5500|FFFFFF|000000|bias=1}}">CC5500</span>
 
* <code>&lt;span style="{{tlf|Jači kontrast boja|CC5500|FFFFFF|000000|bias{{=}}1|css{{=}}y}}">CC5500</span&gt;</code> &rarr; <span style="{{Jači kontrast boja|CC5500|FFFFFF|000000|bias=1|css=y}}">CC5500</span>
* <code>&lt;span style="background:red; color:{{Jači kontrast boja|red|white|black}}"&gt;Red&lt;/span&gt;</code> → 
* <code>&lt;span style="background:Not a color; color:#{{tlf|Jači kontrast boja|Not a color|FFFFFF|000000}}">Not a color</span&gt;</code> &rarr; <span style="background:Not a color; color:#{{Jači kontrast boja|Not a color|FFFFFF|000000}}">Not a color</span>
  <span style="background:red; color:{{Jači kontrast boja|red|white|black}}">Red</span>
* <code>&lt;span style="{{tlf|Jači kontrast boja|Not a color|FFFFFF|000000|css{{=}}y}}">Not a color</span&gt;</code> &rarr; <span style="{{Jači kontrast boja|Not a color|FFFFFF|000000|css=y}}">Not a color</span>
 
* <code>&lt;span style="background:white; color:{{Jači kontrast boja|white|white|black}}"&gt;White&lt;/span&gt;</code> → 
  <span style="background:white; color:{{Jači kontrast boja|white|white|black}}">White</span>
 
* <code>&lt;span style="background:black; color:{{Jači kontrast boja|black|white|black}}"&gt;Black&lt;/span&gt;</code> → 
  <span style="background:black; color:{{Jači kontrast boja|black|white|black}}">Black</span>
 
; HEX primjeri
* <code>&lt;span style="background:#005500; color:{{Jači kontrast boja|#005500|#FFFFFF|#000000}}"&gt;#005500&lt;/span&gt;</code> → 
  <span style="background:#005500; color:{{Jači kontrast boja|#005500|#FFFFFF|#000000}}">#005500</span>
 
* <code>&lt;span style="background:#005500; color:#{{Jači kontrast boja|005500|FFFFFF|000000}}"&gt;005500&lt;/span&gt;</code> → 
  <span style="background:#005500; color:#{{Jači kontrast boja|005500|FFFFFF|000000}}">005500</span>
 
* <code>&lt;span style="background:#CC5500; color:#{{Jači kontrast boja|CC5500|FFFFFF|000000}}"&gt;CC5500&lt;/span&gt;</code> → 
  <span style="background:#CC5500; color:#{{Jači kontrast boja|CC5500|FFFFFF|000000}}">CC5500</span>
 
; Bias primjer
* <code>&lt;span style="background:#CC5500; color:#{{Jači kontrast boja|CC5500|FFFFFF|000000|bias=1}}"&gt;CC5500&lt;/span&gt;</code> → 
  <span style="background:#CC5500; color:#{{Jači kontrast boja|CC5500|FFFFFF|000000|bias=1}}">CC5500</span>
 
; Nevaljana boja
* <code>&lt;span style="background:Not a color; color:#{{Jači kontrast boja|Not a color|FFFFFF|000000}}"&gt;Not a color&lt;/span&gt;</code> → 
  <span style="background:Not a color; color:#{{Jači kontrast boja|Not a color|FFFFFF|000000}}">Not a color</span>
 
[[Kategorija:Pomoćni predlošci]]

Posljednja izmjena od 15. travanj 2026. u 09:49

Jači kontrast boja/doc
Jači kontrast boja/doc
 Ovo je dokumentacijska podstranica za Predložak:Jači kontrast boja.
Sadrži informacije o uporabi, kategorijama i ostalom sadržaju koji nije dio izvornog predloška

Ovaj predložak vraća boju teksta (npr. `white` ili `black`) koja ima jači kontrast u odnosu na zadanu pozadinsku boju.

Sintaksa

  • 1 – pozadinska boja (ime boje, HEX, rgb(), hsl()…)
  • 2 – (neobvezno) svijetla boja teksta, zadano: #FFFFFF
  • 3 – (neobvezno) tamna boja teksta, zadano: #000000
  • bias – (neobvezno) broj; pozitivna vrijednost blago preferira svijetlu boju
  • css – ako je css=y, vraća kompletan CSS stil (koristi se preko predloška

)

Primjeri

Osnovni primjeri
  • <span style="background:navy; color:white

">Navy</span> → 

 Navy
  • <span style="background:red; color:black

">Red</span> → 

 Red
  • <span style="background:white; color:black

">White</span> → 

 White
  • <span style="background:black; color:white

">Black</span> → 

 Black
HEX primjeri
  • <span style="background:#005500; color:
  1. FFFFFF

">#005500</span> → 

 #005500
  • <span style="background:#005500; color:#FFFFFF

">005500</span> → 

 005500
  • <span style="background:#CC5500; color:#000000

">CC5500</span> → 

 CC5500
Bias primjer
  • <span style="background:#CC5500; color:#FFFFFF

">CC5500</span> → 

 CC5500
Nevaljana boja
  • <span style="background:Not a color; color:#

">Not a color</span> → 

 Not a color
Dobavljeno iz "https://enciklopedija.cc/index.php?title=Predložak:Jači_kontrast_boja/doc&oldid=754212"