language: NL - EN - IT
Webism
  • Home
  • Producten
  • Diensten
  • Portfolio
  • Nieuws
  • Contact

Beheer uw website

Please login

Wachtwoord vergeten?

Portfolio

Hogenhouck

... Lees meer...

Revolutionaire website voor Aikon Studio

En wat als je op die manier niet alleen je eigen website update maar te gelijk o... Lees meer...

Nieuwe makelaarswebsite online

Dankzij deze Content Management oplossing kan de makelaar op eenvoudige wijze z... Lees meer...

Phil Gains

Het weblog is onderdeel van een marketing campagne voor TPV's, een product van ... Lees meer...

Headquarters

The ViewCreative FactoryThe OfficeHet zitje

Hex kleuren

Hoe zit het nou eigenlijk met die hex kleuren??

Iedereen kent de primaire kleuren rood blauw geel maar omdat je geel ook kunt maken uit groen maakt men op de computer gebruik van rood, blauw en de compositie kleur groen om kleuren te mixen.

Nou hoe zit het dan met de 6 letter/cijfer combinatie die we kennen als hex code?

De hexidecimale kleuren notatie kent de volgende cijfers en letters:

0 1 2 3 4 5 6 7 8 9 A B C D E F

Nul (0) staat voor de kleinste waarde van een kleur, bijna afwezigheid van een kleur. F is 15 keer de intensiteit van de kleur 0. Combinaties van deze cijfers en letters maken verschillende tinten (/kleur tonen) van een bepaalde kleur. Dubbel nul (00) staat gelijk aan 0 kleur toon, FF is gelijk aan een volle, 100%, kleur toon.

Deze vertegenwoordiging van een bepaalde kleur wordt 3 keer gedaan, een keer voor rood, een keer voor groen, een keer voor blauw en in die volgorde. Deze 3 x twee cijfers maakt samen 6, de zes cijferige hex code. De hex code is de vertegenwoordiging van rood, groen en blauwe kleur tonen in die volgorde. De computer maakt drie kleur tonen en maakt daarvan 1 kleur toon van 1 kleur.

Een paar voorbeelden:

FF0000
De kleur rood wordt hierboven weergegeven door twee keer de F oftwel volledige dichtheid van de kleur rood terwijl groen en blauw helemaal niet vertegenwoordigd zijn door de dubbele 0. Dit maakt dus rood.

00FF00
De kleur groen wordt hierboven weergegeven door twee keer de F oftewel volledige dichtheid van de kleur groen terwijl rood en blauw helemaal niet vertegenwoordigd zijn door de dubbele 0. Dit maakt dus groen.

0000FF
De kleur blauw wordt hierboven weergegeven door twee keer de F oftewel volledige dichtheid van de kleur blauw terwijl rood en groen helemaal niet vertegenwoordigd zijn door de dubbele 0. Dit maakt dus blauw.

De twee uitersten van deze kleuren schaal zijn natuurlijk wit en zwart.:

FFFFFF = wit

000000 = zwart

Als je nu gaat combineren dan kan je dus alle kleuren maken die je maar wilt. Geel bijvoorbeeld is de combinatie van puur rood en puur groen, er zit geen blauw in.

FFFF00

De onderstaande code maakt de kleur die we kennen als 'crimson' Zoals je kunt zien is de kleur rood met hoge waarden als DC sterk vertegenwoordigd, er zit niet veel groen in (14) en de kleur blauw staat op iets minder dan halve sterkte.

DC143C

De onderstaande code is Violet. De rode en blauwe waarde staan aardig hoog, er zit groen in maar betrekkelijk minder. Dit is echter geen paars maar violet. Paars is namelijk een combinatie van alleen rood en blauw. De code is 800080, zoals je kunt zien zit daar geen groen in alleen rood en blauw.

EE82EE

Onderstaande kleur is oranje. Er zit veel rood in (FF), iets minder groen (A5) en helemaal geen blauw.

FFA500

Dat is hoe hexidecimale kleuren werken! Vergeet niet dat in de html notatie de kleur altijd vooraf wordt gegaan de een #.

Let op:
"Aqua" en "Cyan" geven dezelfde kleur: 00FFFF
"Fuchsia" en "Magenta" geven dezelfde kleur: FF00FF


Aliceblue
F0F8FF
Antiquewhite
FAEBD7
Aqua
00FFFF
Aquamarine
7FFFD4
Azure
F0FFFF
Beige
F5F5DC
Bisque
FFE4C4
Black
000000
Blanchedalmond
FFEBCD
Blue
0000FF
Blueviolet
8A2BE2
Brown
A52A2A
Burlywood
DEB887
Cadetblue
5F9EA0
Chartreuse
7FFF00
Chocolate
D2691E
Coral
FF7F50
Cornflowerblue
6495ED
Cornsilk
FFF8DC
Crimson
DC143C
Cyan
00FFFF
Darkblue
00008B
Darkcyan
008B8B
Darkgoldenrod
B8860B
Darkgray
A9A9A9
Darkgreen
006400
Darkkhaki
BDB76B
Darkmagenta
8B008B
Darkolivegreen
556B2F
Darkorange
FF8C00
Darkorchid
9932CC
Darkred
8B0000
Darksalmon
E9967A
Darkseagreen
8FBC8F
Darkslateblue
483D8B
Darkslategray
2F4F4F
Darkturquoise
00CED1
Darkviolet
9400D3
deeppink
FF1493
Deepskyblue
00BFFF
Dimgray
696969
Dodgerblue
1E90FF
Firebrick
B22222
Floralwhite
FFFAF0
Forestgreen
228B22
Fuchsia
FF00FF
Gainsboro
DCDCDC
Ghostwhite
F8F8FF
Gold
FFD700
Goldenrod
DAA520
Gray
808080
Green
008000
Greenyellow
ADFF2F
Honeydew
F0FFF0
Hotpink
FF69B4
Indianred
CD5C5C
Indigo
4B0082
Ivory
FFFFF0
Khaki
F0E68C
Lavender
E6E6FA
Lavenderblush
FFF0F5
Lawngreen
7CFC00
Lemonchiffon
FFFACD
Lightblue
ADD8E6
Lightcoral
F08080
Lightcyan
E0FFFF
Lightgoldenrodyellow
FAFAD2
Lightgreen
90EE90
Lightgrey
D3D3D3
Lightpink
FFB6C1
Lightsalmon
FFA07A
Lightseagreen
20B2AA
Lightskyblue
87CEFA
Lightslategray
778899
Lightsteelblue
B0C4DE
Lightyellow
FFFFE0
Lime
00FF00
Limegreen
32CD32
Linen
FAF0E6
Magenta
FF00FF
Maroon
800000
Mediumauqamarine
66CDAA
Mediumblue
0000CD
Mediumorchid
BA55D3
Mediumpurple
9370D8
Mediumseagreen
3CB371
Mediumslateblue
7B68EE
Mediumspringgreen
00FA9A
Mediumturquoise
48D1CC
Mediumvioletred
C71585
Midnightblue
191970
Mintcream
F5FFFA
Mistyrose
FFE4E1
Moccasin
FFE4B5
Navajowhite
FFDEAD
Navy
000080
Oldlace
FDF5E6
Olive
808000
Olivedrab
688E23
Orange
FFA500
Orangered
FF4500
Orchid
DA70D6
Palegoldenrod
EEE8AA
Palegreen
98FB98
Paleturquoise
AFEEEE
Palevioletred
D87093
Papayawhip
FFEFD5
Peachpuff
FFDAB9
Peru
CD853F
Pink
FFC0CB
Plum
DDA0DD
Powderblue
B0E0E6
Purple
800080
Red
FF0000
Rosybrown
BC8F8F
Royalblue
4169E1
Saddlebrown
8B4513
Salmon
FA8072
Sandybrown
F4A460
Seagreen
2E8B57
Seashell
FFF5EE
Sienna
A0522D
Silver
C0C0C0
Skyblue
87CEEB
Slateblue
6A5ACD
Slategray
708090
Snow
FFFAFA
Springgreen
00FF7F
Steelblue
4682B4
Tan
D2B48C
Teal
008080
Thistle
D8BFD8
Tomato
FF6347
Turquoise
40E0D0
Violet
EE82EE
Wheat
F5DEB3
White
FFFFFF
Whitesmoke
F5F5F5
Yellow
FFFF00
YellowGreen
9ACD32

Veel plezier

-->