Kleuren
Standaarden
Alle standaardkleuren van letters en achtergrond horen thuis in een apart stijlblad waarin alle standaard
instellingen worden ingesteld. De naam van een stijlblad is altijd herkenbaar aan de extensie van het bestand, .CSS . [
bijvoorbeeld mijnwebsite.css ]
Door boven in een HTML pagina een regel te zetten welke een koppeling maakt met het stijlblad, zijn die
standaardinstellingen in het HTML bestand te gebruiken.
<link rel="stylesheet" href="cursusinternet.css" type="text/css" media="screen" />
De regel moet komen te staan tussen <head> ... en </head>
Op plaatsen waar een kleur gebruikt wordt die niet standaard is kan deze vaak samen met de tags worden meegegeven.
Dit is groen met de code <h3 style="color: green" > of
<h3 style="color: #008000" >
Dit is paars met de code <h3 style="color: purple" > of
<h3 style="color: #800080" >
Enkele voorbeelden van kleuren en hun code
Kleuren kunnen met hun naam worden of hexadecimale-code worden aangegeven
| Naam | Hexadecimale code | Kleur |
|---|---|---|
| Black | #000000 | |
| Maroon | #800000 | |
| Green | #008000 | |
| Olive | #808000 | |
| Navy | #000080 | |
| Purple | #800080 | |
| Teal | #008080 | |
| Silver | #C0C0C0 | |
| Gray | #808080 | |
| Red | #FF0000 | |
| Lime | #00FF00 | |
| Yellow | #FFFF00 | |
| Blue | #0000FF | |
| Fuchsia | #FF00FF | |
| White | #FFFFFF | |
| Aqua | #00FFFF | |
| AntiqueWhite | #FAEBD7 | |
| Aquamarine | #7FFFD4 | |
| Beige | #F5F5DC | |
| Bisque | #FFE4C4 | |
| BlanchedAlmond | #FFEBCD | |
| Blueviolet | #8A2BE2 | |
| Brown | #8A2BE2 | |
| CadetBlue | #5F9EA0 | |
| Chartreuse | #7FFF00 | |
| Coral | #FF7F50 | |
| Cornflowerblue | #6495ED |
Er zijn op het internet diverse sites te vinden waar eenvoudig de gewenste kleur is op te zoeken.
Ook zijn er hulpprogramma's die gebruikt kunnen worden
Zoek in google maar op "color picker" of "color scheme"
Dit zijn 2 bruikbare programma′s :
www.colorschemer.com
www.colormatch.dk
[Werkt allen in Internet Explorer]
Bij het programma colormatch kan je met schuifbalkjes de rood, groen en blauw waarden kiezen waarna het programma een aantal kleurcombinaties voorstelt.
Maak van je webpagina geen bonte kermis, kies kleuren die dicht bij elkaar liggen.
Er wordt ook voor de kleurcodes gebruik gemaakt van het 16 tallige stelsel
| 10-tallig stelsel | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 16-tallig stelsel | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F |
| Kleuren codes | #333300 | #333310 | #333320 | #333330 | #333340 | #333350 | #333360 | #333370 | #333380 | #333390 | #3333A0 | #3333B0 | #3333C0 | #3333D0 | #3333E0 | #3333F0 |
Oplopende kleuren van waarde #333300 tot #3333F0
Oplopende kleuren van waarde #87CEFA tot #87CFFF
Kleuren schema's
Beperk het aantal kleuren op een website, maar probeer wel bij elkaar passende kleuren te gebruiken.
Er zijn diverse gratis programma's die je er bij kunnen helpen..
Kijk eens bij http://colorschemedesigner.com/
Kijk ook eens op de website:
http://nl.wikipedia.org/wiki/Lijst_van_HTML-kleuren
