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

Izvor: Hrvatska internetska enciklopedija
Prijeđi na navigaciju Prijeđi na pretraživanje
← Starija izmjenaNovija izmjena →
mNema sažetka uređivanja
mNema sažetka uređivanja
Redak 1: Redak 1:
= Test: Kontrast boja =
= Test: Kontrast boja (PRO) =


Ova stranica služi za vizualno testiranje modula '''Modul:Kontrast_boja''' i predložaka:
Ova stranica služi za vizualno testiranje modula '''Modul:Kontrast_boja''' i predložaka:
Redak 5: Redak 5:
* {{Kontrast stil}}
* {{Kontrast stil}}


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


{| class="wikitable" style="width:60%; text-align:center"
----
! Pozadina !! Rezultat (Jači kontrast boja) !! Rezultat (Kontrast stil)
 
== 1. Osnovni primjeri (nazivi boja) ==
 
{| class="wikitable" style="text-align:center; width:80%"
! Pozadina !! Jači kontrast boja !! Kontrast stil
|-
|-
| navy
| navy
Redak 18: Redak 22:
| <span style="{{Kontrast stil|red}}">Red</span>
| <span style="{{Kontrast stil|red}}">Red</span>
|-
|-
| white
| green
| <span style="background:white; color:{{Jači kontrast boja|white}}">White</span>
| <span style="background:green; color:{{Jači kontrast boja|green}}">Green</span>
| <span style="{{Kontrast stil|white}}">White</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
| black
| <span style="background:black; color:{{Jači kontrast boja|black}}">Black</span>
| <span style="background:black; color:{{Jači kontrast boja|black}}">Black</span>
| <span style="{{Kontrast stil|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>
|}
|}


== HEX primjeri ==
----


{| class="wikitable" style="width:60%; text-align:center"
== 2. HEX primjeri ==
! Pozadina !! Rezultat (Jači kontrast boja) !! Rezultat (Kontrast stil)
 
{| class="wikitable" style="text-align:center; width:80%"
! Pozadina !! Jači kontrast boja !! Kontrast stil
|-
|-
| #005500
| #005500
Redak 39: Redak 57:
| <span style="background:#CC5500; color:{{Jači kontrast boja|#CC5500}}">#CC5500</span>
| <span style="background:#CC5500; color:{{Jači kontrast boja|#CC5500}}">#CC5500</span>
| <span style="{{Kontrast stil|#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>
|}
|}


== Bias primjer ==
----


{| class="wikitable" style="width:60%; text-align:center"
== 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)
! Pozadina !! Bias=1 (preferira svijetlo)
|-
|-
Redak 50: Redak 110:
|}
|}


== Nevaljana boja ==
----


{| class="wikitable" style="width:60%; text-align:center"
== 6. Nevaljane boje ==
 
{| class="wikitable" style="text-align:center; width:60%"
! Ulaz !! Rezultat
! Ulaz !! Rezultat
|-
|-
| Not a color
| Not a color
| <span style="background:gray; color:{{Jači kontrast boja|Not a color}}">Not a color</span>
| <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="{{Kontrast stil|red}}">red</span>
|-
| blue || <span style="{{Kontrast stil|blue}}">blue</span>
|-
| green || <span style="{{Kontrast stil|green}}">green</span>
|-
| yellow || <span style="{{Kontrast stil|yellow}}">yellow</span>
|-
| orange || <span style="{{Kontrast stil|orange}}">orange</span>
|-
| purple || <span style="{{Kontrast stil|purple}}">purple</span>
|-
| pink || <span style="{{Kontrast stil|pink}}">pink</span>
|-
| brown || <span style="{{Kontrast stil|brown}}">brown</span>
|-
| cyan || <span style="{{Kontrast stil|cyan}}">

Inačica od 15. travanj 2026. u 10:00

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
Dobavljeno iz "https://enciklopedija.cc/index.php?title=Test:Jaki_kontrast&oldid=754216"