Help:Kleurgebruik
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) |