Help:Kleurgebruik: verschil tussen versies
(Nieuwe pagina aangemaakt met 'Op dit moment hebben we geen richtlijnen voor kleurgebruik op Wouda's Wiki. Op deze pagina staan ter referentie een aantal kleurschema's van verwante websites. {| class=wikitable |+ Kleurgebruik volgens [https://design.wikimedia.org/style-guide/ Wikimedia Design Style Guide] ! style="width: 6em;" | Kleur ! style="width: 3em;" | R ! style="width: 3em;" | G ! style="width: 3em;" | B ! style="width: 6em;" | Hex ! Kleur, gebruik |- | style="background-color...') |
Geen bewerkingssamenvatting |
||
| Regel 173: | Regel 173: | ||
[[Categorie:Wiki]] | [[Categorie:Wiki:Help|Kleurgebruik]] | ||
Versie van 7 jan 2024 11:38
Op dit moment hebben we geen richtlijnen voor kleurgebruik op Wouda's Wiki. Op deze pagina staan ter referentie een aantal kleurschema's van verwante websites.
| Kleur | R | G | B | Hex | Kleur, gebruik |
|---|---|---|---|---|---|
| 255 | 255 | 255 | #FFFFFF | Base100, achtergrond | |
| 248 | 249 | 250 | #F8F9FA | Base90 | |
| 234 | 236 | 240 | #EAECF0 | Base80 | |
| 200 | 204 | 209 | #C8CCD1 | Base70 | |
| 162 | 169 | 177 | #A2A9B1 | Base50 | |
| 114 | 119 | 125 | #72777D | Base30 | |
| 84 | 89 | 93 | #54595D | Base20 | |
| 32 | 33 | 34 | #202122 | Base10 | |
| 0 | 0 | 0 | #000000 | Base0 | |
| 234 | 243 | 255 | #EAF3FF | Accent90 | |
| 51 | 102 | 204 | #3366CC | Accent50 | |
| 42 | 75 | 141 | #2A4B8D | Accent30 | |
| 254 | 231 | 230 | #FEE7E6 | Utility, Red90 | |
| 221 | 51 | 51 | #DD3333 | Utility, Red50 | |
| 179 | 36 | 36 | #B32424 | Utility, Red30 | |
| 213 | 253 | 244 | #D5FDF4 | Utility, Green90 | |
| 0 | 175 | 137 | #00AF89 | Utility, Green50 | |
| 20 | 134 | 109 | #14866D | Utility, Green30 | |
| 254 | 246 | 231 | #FEF6E7 | Utility, Yellow90 | |
| 255 | 204 | 51 | #FFCC33 | Utility, Yellow50 | |
| 172 | 102 | 0 | #AC6600 | Utility, Yellow30 |
| Kleur | R | G | B | Hex | Kleur, gebruik |
|---|---|---|---|---|---|
| 255 | 255 | 255 | #FFFFFF | Wit, achtergrond | |
| 229 | 233 | 234 | #E5E9EA | Grijs, achtergrond | |
| 255 | 229 | 0 | #FFE500 | WG Huisstijl geel, voor accentuering | |
| 55 | 51 | 49 | #373331 | WG Huisstijl donker bruin, voor tekst | |
| 55 | 51 | 49 | #997C3C | WG Huisstijl bruin, wordt niet op website gebruikt | |
| 106 | 86 | 41 | #6A5629 | Footer 1 (geen huisstijl kleur) | |
| 88 | 71 | 34 | #584722 | Footer 2 (geen huisstijl kleur) |
| Kleur | R | G | B | Hex | Kleur, gebruik |
|---|---|---|---|---|---|
| 255 | 255 | 255 | #FFFFFF | Wit, achtergrond | |
| 250 | 250 | 250 | #FAFAFA | Licht grijs, achtergrond | |
| 0 | 157 | 216 | #009DD8 | Blauw, voor accentuering | |
| 235 | 80 | 60 | #EB503C | Rood, voor accentuering | |
| 71 | 167 | 1 | #47A701 | Groen, voor accentuering | |
| 232 | 237 | 133 | #E8ED85 | Geel, voor accentuering | |
| 79 | 198 | 181 | #4FC6B5 | Mint, voor accentuering | |
| 241 | 144 | 99 | #F19063 | Terra, voor accentuering | |
| 212 | 243 | 255 | #D4F3FF | Lichtblauw, vulkleur | |
| 212 | 243 | 255 | #0070A3 | Blauw, voor tekst | |
| 54 | 54 | 50 | #363632 | Donker grijs, voor tekst in kop | |
| 77 | 77 | 77 | #4D4D4D | Tekst pagina waterpeilen en neerslag | |
| 51 | 51 | 51 | #333333 | Koppen pagina waterpeilen en neerslag | |
| 0 | 161 | 213 | #00A1D5 | Blauw, Wetterskip logo (obv svg) | |
| 232 | 82 | 61 | #E8523D | Rood, Wetterskip logo (obv svg) | |
| 107 | 177 | 71 | #6BB147 | Groen, Wetterskip logo (obv svg) | |
| 93 | 94 | 92 | #5D5E5C | Grijs Wetterskip logo (obv svg) |