Kleur codes
Wat zijn kleurcodes en hoe gebruik je deze?
Bij het ontwerp van jouw site heb je na moeten denken over de kleuren die je wilt gebruiken op je website. Bij het gebruik van html en ook in templates dien je bij de keuze van je kleuren een hex-code aan te geven. Deze ziet er bijvoorbeeld als volgt uit: #2E2E2E.
Wat is een Hex-code nu precies?
Alle kleuren worden samengesteld uit rood, groen en blauw. De drie waarden kunnen lopen van 0 tot 255, of hexadecimaal van 00 tot FF. Een volledige kleur kan worden aangeduid als bijvoorbeeld [124,252,0], wat overeenkomt met hexadecimaal (hex-code) 7CFC00 (grasgroen). Je kunt op deze manier meer dan 16 miljoen verschillende kleuren weergeven. Ik laat hieronder een lijst met kleuren en hex-codes zien.
Hex-codes
Bekijk hier de hex-codes voor diverse kleuren. In totaal heb ik 59 codes weergegeven als voorbeeld.Hex-code | Kleur |
|---|---|
| #000000 |  |
| #404040 |  |
| #696969 |  |
| #808080 |  |
| #A9A9A9 |  |
| #C0C0C0 |  |
| #D3D3D3 |  |
| #F5F5F5 |  |
| #FFFFFF |  |
| #FFFaF0 |  |
| #FAF0E6 |  |
| #FFE4E1 |  |
| #FFC0CB |  |
| #FF7F7F |  |
| #F08080 |  |
| #FFB27F |  |
| #E9967A |  |
| #FF7F50 |  |
| #FF6347 |  |
| #FF4500 |  |
| #FF0000 |  |
| #DC143C |  |
| #B22222 |  |
| #8B0000 |  |
| #800000 |  |
| #8B4513 |  |
| #A0522D |  |
| #9E6043 |  |
| #DEB887 |  |
| #FFDEAD |  |
| #EEE8AA |  |
| #F0E68C |  |
| #DEB887 |  |
| #FFFF00 |  |
| #B6FF00 |  |
| #ADFF2F |  |
| #7CFC00 |  |
| #00FF00 |  |
| #32CD32 |  |
| #228B56 |  |
| #006400 |  |
| #008080 |  |
| #5F9EA0 |  |
| #48D1CC |  |
| #00FFFF |  |
| #00BFFF |  |
| #1E90FF |  |
| #4169E1 |  |
| #0000FF |  |
| #000080 |  |
| #4B0082 |  |
| #800080 |  |
| #9032CC |  |
| #B200FF |  |
| #FF00FF |  |
| #FF1494 |  |
| #FF69B4 |  |
| #FF7FED |  |
| #FFC0CB |  |
Kleurcodes
Ik heb een aantal websites gevonden die nog meer handige informatie geven over het gebruik van kleuren, hex-codes en html voorbeelden hiermee. Bekijk ook eens:
Dit programma geeft passende kleurencombinaties weer. Klik op jouw basiskleur en je krijgt mooie kleurencombinaties te zien. Je kunt kiezen voor mono (wanneer je groen hebt gekozen, krijg je passende groentinten te zien) en complementerende kleuren (wist je dat groen goed samengaat met roze?) Wanneer je met je muis over het kleurvak gaat, zie je meteen welke namen (hex-code) de kleuren hebben.
Kleuren hebben een Hex-code. Een Hex-code bestaat uit ‘#’ en zes getallen. Dit is code waarmee je in je website (html-code) kunt aangeven welke kleur gebruikt moet worden. Wanneer je op de link van Color-Hex klikt, zie je de kleur #777777 (kun je veranderen). Het leuke van deze site is dat je diverse variaties grijs te zien krijgt, waar deze kleur uit is opgebouwd (hoeveel rood, groen en blauw) en er worden een aantal voorbeelden gegeven hoe je dit in een html-code kunt verwerken.
Op deze site kun je een kleur uitkiezen en de daarbijbehorende code wordt getoond. Je kunt echter ook een hex-code invoeren en kijken welke kleur daar bij hoort. Wat ik leuk vind aan deze site is dat je ook wat voorbeelden krijgt te zien hoe je de hex-code kunt verwerken in je site.