Test:Jaki kontrast: razlika između inačica

Izvor: Hrvatska internetska enciklopedija
Prijeđi na navigaciju Prijeđi na pretraživanje
← Starija izmjena
mNema sažetka uređivanja
 
Nisu prikazane 3 međuinačice
Redak 1: Redak 1:
{{#invoke:Kontrast boja2}}
= Test: Kontrast boja (PRO) =
 
Ova stranica služi za vizualno testiranje modula '''Modul:Kontrast_boja''' i predložaka:
* {{Jači kontrast boja}}
* {{Kontrast stil}}
 
Sve tablice ispod služe kao regresijski test za buduće izmjene modula.
 
----
 
== 1. Osnovni primjeri (nazivi boja) ==
 
{| class="wikitable" style="text-align:center; width:80%"
! Pozadina !! Jači kontrast boja !! Kontrast stil
|-
| navy
| <span style="background:navy; color:{{Jači kontrast boja|navy}}">Navy</span>
| <span style="{{Kontrast stil|navy}}">Navy</span>
|-
| red
| <span style="background:red; color:{{Jači kontrast boja|red}}">Red</span>
| <span style="{{Kontrast stil|red}}">Red</span>
|-
| green
| <span style="background:green; color:{{Jači kontrast boja|green}}">Green</span>
| <span style="{{Kontrast stil|green}}">Green</span>
|-
| blue
| <span style="background:blue; color:{{Jači kontrast boja|blue}}">Blue</span>
| <span style="{{Kontrast stil|blue}}">Blue</span>
|-
| yellow
| <span style="background:yellow; color:{{Jači kontrast boja|yellow}}">Yellow</span>
| <span style="{{Kontrast stil|yellow}}">Yellow</span>
|-
| black
| <span style="background:black; color:{{Jači kontrast boja|black}}">Black</span>
| <span style="{{Kontrast stil|black}}">Black</span>
|-
| white
| <span style="background:white; color:{{Jači kontrast boja|white}}">White</span>
| <span style="{{Kontrast stil|white}}">White</span>
|}
 
----
 
== 2. HEX primjeri ==
 
{| class="wikitable" style="text-align:center; width:80%"
! Pozadina !! Jači kontrast boja !! Kontrast stil
|-
| #005500
| <span style="background:#005500; color:{{Jači kontrast boja|#005500}}">#005500</span>
| <span style="{{Kontrast stil|#005500}}">#005500</span>
|-
| #CC5500
| <span style="background:#CC5500; color:{{Jači kontrast boja|#CC5500}}">#CC5500</span>
| <span style="{{Kontrast stil|#CC5500}}">#CC5500</span>
|-
| #333333
| <span style="background:#333333; color:{{Jači kontrast boja|#333333}}">#333333</span>
| <span style="{{Kontrast stil|#333333}}">#333333</span>
|-
| #AAAAAA
| <span style="background:#AAAAAA; color:{{Jači kontrast boja|#AAAAAA}}">#AAAAAA</span>
| <span style="{{Kontrast stil|#AAAAAA}}">#AAAAAA</span>
|}
 
----
 
== 3. RGB primjeri ==
 
{| class="wikitable" style="text-align:center; width:80%"
! Pozadina (RGB) !! Jači kontrast boja !! Kontrast stil
|-
| rgb(0,128,255)
| <span style="background:rgb(0,128,255); color:{{Jači kontrast boja|rgb(0,128,255)}}">rgb(0,128,255)</span>
| <span style="{{Kontrast stil|rgb(0,128,255)}}">rgb(0,128,255)</span>
|-
| rgb(200,50,50)
| <span style="background:rgb(200,50,50); color:{{Jači kontrast boja|rgb(200,50,50)}}">rgb(200,50,50)</span>
| <span style="{{Kontrast stil|rgb(200,50,50)}}">rgb(200,50,50)</span>
|}
 
----
 
== 4. HSL primjeri ==
 
{| class="wikitable" style="text-align:center; width:80%"
! Pozadina (HSL) !! Jači kontrast boja !! Kontrast stil
|-
| hsl(120, 100%, 25%)
| <span style="background:hsl(120,100%,25%); color:{{Jači kontrast boja|hsl(120,100%,25%)}}">hsl(120,100%,25%)</span>
| <span style="{{Kontrast stil|hsl(120,100%,25%)}}">hsl(120,100%,25%)</span>
|-
| hsl(30, 100%, 50%)
| <span style="background:hsl(30,100%,50%); color:{{Jači kontrast boja|hsl(30,100%,50%)}}">hsl(30,100%,50%)</span>
| <span style="{{Kontrast stil|hsl(30,100%,50%)}}">hsl(30,100%,50%)</span>
|}
 
----
 
== 5. Bias test ==
 
{| class="wikitable" style="text-align:center; width:60%"
! Pozadina !! Bias=1 (preferira svijetlo)
|-
| #CC5500
| <span style="background:#CC5500; color:{{Jači kontrast boja|#CC5500|white|black|bias=1}}">#CC5500</span>
|}
 
----
 
== 6. Nevaljane boje ==
 
{| class="wikitable" style="text-align:center; width:60%"
! Ulaz !! Rezultat
|-
| Not a color
| <span style="background:gray; color:{{Jači kontrast boja|Not a color}}">Not a color</span>
|-
| #GGGGGG
| <span style="background:gray; color:{{Jači kontrast boja|#GGGGGG}}">#GGGGGG</span>
|}
 
----
 
== 7. Mini-grid svih X11 boja (20 najčešćih) ==
 
 
{| class="wikitable" style="text-align:center; width:90%"
! Boja !! Prikaz
|-
| red || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|red}}">red</span>
|-
| blue || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|blue}}">blue</span>
|-
| green || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|green}}">green</span>
|-
| yellow || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|yellow}}">yellow</span>
|-
| orange || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|orange}}">orange</span>
|-
| purple || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|purple}}">purple</span>
|-
| pink || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|pink}}">pink</span>
|-
| brown || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|brown}}">brown</span>
|-
| cyan || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|cyan}}">cyan</span>
|-
| magenta || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|magenta}}">magenta</span>
|-
| navy || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|navy}}">navy</span>
|-
| teal || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|teal}}">teal</span>
|-
| olive || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|olive}}">olive</span>
|-
| maroon || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|maroon}}">maroon</span>
|-
| silver || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|silver}}">silver</span>
|-
| gray || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|gray}}">gray</span>
|-
| black || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|black}}">black</span>
|-
| white || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|white}}">white</span>
|}

Posljednja izmjena od 15. travanj 2026. u 10:02

Test: Kontrast boja (PRO)

Ova stranica služi za vizualno testiranje modula Modul:Kontrast_boja i predložaka:


Sve tablice ispod služe kao regresijski test za buduće izmjene modula.

1. Osnovni primjeri (nazivi boja)

Pozadina Jači kontrast boja Kontrast stil
navy Navy Navy
red Red Red
green Green Green
blue Blue Blue
yellow Yellow Yellow
black Black Black
white White White

2. HEX primjeri

Pozadina Jači kontrast boja Kontrast stil
#005500 #005500 #005500
#CC5500 #CC5500 #CC5500
#333333 #333333 #333333
#AAAAAA #AAAAAA #AAAAAA

3. RGB primjeri

Pozadina (RGB) Jači kontrast boja Kontrast stil
rgb(0,128,255) rgb(0,128,255) rgb(0,128,255)
rgb(200,50,50) rgb(200,50,50) rgb(200,50,50)

4. HSL primjeri

Pozadina (HSL) Jači kontrast boja Kontrast stil
hsl(120, 100%, 25%) hsl(120,100%,25%) hsl(120,100%,25%)
hsl(30, 100%, 50%) hsl(30,100%,50%) hsl(30,100%,50%)

5. Bias test

Pozadina Bias=1 (preferira svijetlo)
#CC5500 #CC5500

6. Nevaljane boje

Ulaz Rezultat
Not a color Not a color
#GGGGGG #GGGGGG

7. Mini-grid svih X11 boja (20 najčešćih)

Boja Prikaz
red red
blue blue
green green
yellow yellow
orange orange
purple purple
pink pink
brown brown
cyan cyan
magenta magenta
navy navy
teal teal
olive olive
maroon maroon
silver silver
gray gray
black black
white white
Dobavljeno iz "https://enciklopedija.cc/index.php?title=Test:Jaki_kontrast&oldid=754217"