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...') |
kGeen bewerkingssamenvatting |
||
| (Een tussenliggende versie door dezelfde gebruiker niet weergegeven) | |||
| Regel 173: | Regel 173: | ||
[[Categorie: | [[Categorie:Help]] | ||
Huidige versie van 7 jan 2024 om 11:44
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) |