Het toevoegen van kleuren aan uw website-ontwerp is eenvoudig met HTML-kleurcodes.

Open een webveilige HTML-kleurcodekaart en onderzoek de beschikbare kleuren. Hoewel de meeste computers alle kleuren kunnen weergeven, is het gebruik van alleen webveilige kleuren een toegankelijkere optie. Bovendien zijn er veel kleuren om uit te kiezen. Kies kleuren voor uw project die passen bij het thema en het ontwerp van uw website. Een goede vuistregel is om twee complementaire kleuren en één accentkleur te kiezen. Een neutrale kleur zoals zwart, wit, grijs of bruin is een andere goede keuze.

Kopieer de HTML-kleurcodes van 6 tekens voor de kleuren die u op uw website wilt gebruiken. Deze bestaan uit de cijfers 0, 3, 6 en 9, en de letters C en F in verschillende combinaties. Deze codes van 6 tekens worden overal in uw HTML-websitecode gebruikt waar u een kleurrijk accent wilt aanbrengen.

Kies één kleur als achtergrond voor uw website. Om de achtergrond deze kleur te geven, gebruikt u de HTML-code "

" en vervang de code van 6 tekens door de gewenste kleurcode. Aangezien dit de kleur is voor de hele achtergrond van de webpagina, vervangt dit HTML-codefragment de normale "" label.

Wijzig de kleur van tekst, koppen of links op uw websitepagina door kleurcodes en de juiste HTML-code op te nemen in de pagina van uw websitecode. Elke tekst kan worden gekleurd door het HTML-attribuut toe te voegen "" naar de code. Als u bijvoorbeeld de kleur van een grote kop wilt wijzigen, voegt u "

rubriek

" naar uw websitecode.

Verander de kleur van alle koppen op uw website door in plaats daarvan cascading style sheets (CSS) te gebruiken. Gebruik de code de code "h1 {color:#336699;}" tussen de "

" en ""-tags in uw websitecode. Elke keer dat u een "

" in uw website, zal het die kleur zijn. CSS is de standaardmethode voor het stylen van websites. Het maakt het ook gemakkelijker om naar binnen te gaan en wijzigingen aan te brengen als u opnieuw wilt ontwerpen.

Verander de kleur van je lettertypen, links en andere dingen in CSS. Gebruik het CSS-codefragment "p {color:#336699;}" voor lettertypen. De HTML voor elk tekstblok moet worden begrensd door de "

" en "

"tags. Linkkleuren kunnen worden gewijzigd door een "{color:#336699;}" en de "" tag in uw HTML-websitecode. Andere HTML-tags, zoals afbeeldingsranden, horizontale regels en tabelcellen kunnen ook worden gewijzigd met behulp van het standaard CSS-codefragment "{color:#336699;}".