Help:Kleurgebruik

Uit Wouda's Wiki

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.


Kleurgebruik volgens Wikimedia Design Style Guide
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


Kleurgebruik Woudagemaal.nl website
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)


Kleurgebruik Wetterskipfryslan.nl website
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)