Test:Jaki kontrast: razlika između inačica
Prijeđi na navigaciju
Prijeđi na pretraživanje
mNema sažetka uređivanja |
|||
| Redak 127: | Redak 127: | ||
== 7. Mini-grid svih X11 boja (20 najčešćih) == | == 7. Mini-grid svih X11 boja (20 najčešćih) == | ||
{| class="wikitable" style="text-align:center; width:90%" | {| class="wikitable" style="text-align:center; width:90%" | ||
! Boja !! Prikaz | ! Boja !! Prikaz | ||
|- | |- | ||
| red || <span style="{{Kontrast stil|red}}">red</span> | | red || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|red}}">red</span> | ||
|- | |- | ||
| blue || <span style="{{Kontrast stil|blue}}">blue</span> | | blue || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|blue}}">blue</span> | ||
|- | |- | ||
| green || <span style="{{Kontrast stil|green}}">green</span> | | green || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|green}}">green</span> | ||
|- | |- | ||
| yellow || <span style="{{Kontrast stil|yellow}}">yellow</span> | | yellow || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|yellow}}">yellow</span> | ||
|- | |- | ||
| orange || <span style="{{Kontrast stil|orange}}">orange</span> | | orange || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|orange}}">orange</span> | ||
|- | |- | ||
| purple || <span style="{{Kontrast stil|purple}}">purple</span> | | purple || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|purple}}">purple</span> | ||
|- | |- | ||
| pink || <span style="{{Kontrast stil|pink}}">pink</span> | | pink || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|pink}}">pink</span> | ||
|- | |- | ||
| brown || <span style="{{Kontrast stil|brown}}">brown</span> | | brown || <span style="display:inline-block; padding:4px 8px; {{Kontrast stil|brown}}">brown</span> | ||
|- | |- | ||
| cyan || <span style="{{Kontrast stil|cyan}}"> | | 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 |