Kleurendatabase namen kleurenoverzicht rgb hex css

Kleurenoverzicht van namen die in CSS worden herkend door websites. Voor elke kleur toont de naam, hoe het eruit ziet en het geeft de hexadecimale code (hex).

Logo cursus traing wordpress

Kleurendatabase namen kleurenoverzicht rgb hex css

Je computer kan waarschijnlijk enkele miljoenen kleuren weergeven. Hier is een lijst en overzicht met standaardkleuren die in webdesignland een naam hebben.

Rgb hex kleuren en CSS voor WordPress

De onderstaande namen worden in de programmeertaal CSS herkend door websites. Voor elke toont het de naam, het laat zien hoe het eruit ziet op het scherm, en het geeft de hexadecimale code (hex) en de decimale codering voor Rood Groen en Blauw.

Let op dat soms dezelfde kleur meer dan één naam kan hebben en verschillende kleuren dezelfde naam kunnen hebben. Als verschillende kleuren dezelfde naam hebben, wordt de naam gevolgd door een nummer.


Kleurendatabase op naam van rgb hex kleuren

Kleurnamen op alfabetische volgorde:

Kies een kleur Naam Hex R G B
AliceBlue F0 F8 FF F0F8FF 240 248 255
AntiqueWhite FA EB D7 FAEBD7 250 235 215
Aqua 0 FF FF 00FFFF 000 255 255
Aquamarine 7F FF D4 7FFFD4 127 255 212
Azure F0 FF FF F0FFFF 240 255 255
Beige F5 F5 DC F5F5DC 245 245 220
Bisque FF E4 C4 FFE4C4 255 228 196
Black 0 0 0 000000 000 000 000
BlanchedAlmond FF EB CD FFEBCD 255 235 205
Blue 0 0 FF 0000FF 000 000 255
BlueViolet 8A 2B E2 8A2BE2 138 043 226
Brown A5 2A 2A A52A2A 165 042 042
BurlyWood DE B8 87 DEB887 222 184 135
CadetBlue 5F 9E A0 5F9EA0 095 158 160
Chartreuse 7F FF 0 7FFF00 127 255 000
Chocolate D2 69 1E D2691E 210 105 030
Coral FF 7F 50 FF7F50 255 127 080
CornflowerBlue 64 95 ED 6495ED 100 149 237
Cornsilk FF F8 DC FFF8DC 255 248 220
Crimson DC 14 3C DC143C 220 020 060
Cyan 0 FF FF 00FFFF 000 255 255
DarkBlue 0 0 8B 00008B 000 000 139
DarkCyan 0 8B 8B 008B8B 000 139 139
DarkGoldenrod B8 86 0B B8860B 184 134 011
DarkGray A9 A9 A9 A9A9A9 169 169 169
DarkGreen 0 64 0 006400 000 100 000
DarkKhaki BD B7 6B BDB76B 189 183 107
DarkMagenta 8B 0 8B 8B008B 139 000 139
DarkOliveGreen 55 6B 2F 556B2F 085 107 047
DarkOrange FF 8C 0 FF8C00 255 140 000
DarkOrchid 99 32 CC 9932CC 153 050 204
DarkRed 8B 0 0 8B0000 139 000 000
DarkSalmon E9 96 7A E9967A 233 150 122
DarkSeaGreen 8F BC 8F 8FBC8F 143 188 143
DarkSlateBlue 48 3D 8B 483D8B 072 061 139
DarkSlateGray 2F 4F 4F 2F4F4F 047 079 079
DarkTurquoise 0 CE D1 00CED1 000 206 209
DarkViolet 94 0 D3 9400D3 148 000 211
DeepPink FF 14 93 FF1493 255 020 147
DeepSkyBlue 0 BF FF 00BFFF 000 191 255
DimGray 69 69 69 696969 105 105 105
DodgerBlue 1E 90 FF 1E90FF 030 144 255
FireBrick B2 22 22 B22222 178 034 034
FloralWhite FF FA F0 FFFAF0 255 250 240
ForestGreen 22 8B 22 228B22 034 139 034
Fuchsia FF 0 FF FF00FF 255 000 255
Gainsboro DC DC DC DCDCDC 220 220 220
GhostWhite F8 F8 FF F8F8FF 248 248 255
Gold FF D7 0 FFD700 255 215 000
Goldenrod DA A5 20 DAA520 218 165 032
Gray BE BE BE BEBEBE 190 190 190
Gray 80 80 80 808080 128 128 128
Green 0 FF 0 00FF00 000 255 000
Green 0 80 0 008000 000 128 000
GreenYellow AD FF 2F ADFF2F 173 255 047
Honeydew F0 FF F0 F0FFF0 240 255 240
HotPink FF 69 B4 FF69B4 255 105 180
IndianRed CD 5C 5C CD5C5C 205 092 092
Indigo 4B 0 82 4B0082 075 000 130
Ivory FF FF F0 FFFFF0 255 255 240
Khaki F0 E6 8C F0E68C 240 230 140
Lavender E6 E6 FA E6E6FA 230 230 250
LavenderBlush FF F0 F5 FFF0F5 255 240 245
LawnGreen 7C FC 0 7CFC00 124 252 000
LemonChiffon FF FA CD FFFACD 255 250 205
LightBlue AD D8 E6 ADD8E6 173 216 230
LightCoral F0 80 80 F08080 240 128 128
LightCyan E0 FF FF E0FFFF 224 255 255
LightGoldenrodYellow FA FA D2 FAFAD2 250 250 210
LightGreen 90 EE 90 90EE90 144 238 144
LightGrey D3 D3 D3 D3D3D3 211 211 211
LightPink FF B6 C1 FFB6C1 255 182 193
LightSalmon FF A0 7A FFA07A 255 160 122
LightSeaGreen 20 B2 AA 20B2AA 032 178 170
LightSkyBlue 87 CE FA 87CEFA 135 206 250
LightSlateGray 77 88 99 778899 119 136 153
LightSteelBlue B0 C4 DE B0C4DE 176 196 222
LightYellow FF FF E0 FFFFE0 255 255 224
Lime 0 FF 0 00FF00 000 255 000
LimeGreen 32 CD 32 32CD32 050 205 050
Linen FA F0 E6 FAF0E6 250 240 230
Magenta FF 0 FF FF00FF 255 000 255
Maroon 80 0 0 800000 128 000 000
MediumAquamarine 66 CD AA 66CDAA 102 205 170
MediumBlue 0 0 CD 0000CD 000 000 205
MediumOrchid BA 55 D3 BA55D3 186 085 211
MediumPurple 93 70 DB 9370DB 147 112 219
MediumSeaGreen 3C B3 71 3CB371 060 179 113
MediumSlateBlue 7B 68 EE 7B68EE 123 104 238
MediumSpringGreen 0 FA 9A 00FA9A 000 250 154
MediumTurquoise 48 D1 CC 48D1CC 072 209 204
MediumVioletRed C7 15 85 C71585 199 021 133
MidnightBlue 19 19 70 191970 025 025 112
MintCream F5 FF FA F5FFFA 245 255 250
MistyRose FF E4 E1 FFE4E1 255 228 225
Moccasin FF E4 B5 FFE4B5 255 228 181
NavajoWhite FF DE AD FFDEAD 255 222 173
Navy 0 0 80 000080 000 000 128
OldLace FD F5 E6 FDF5E6 253 245 230
Olive 80 80 0 808000 128 128 000
OliveDrab 6B 8E 23 6B8E23 107 142 035
Orange FF A5 0 FFA500 255 165 000
OrangeRed FF 45 0 FF4500 255 069 000
Orchid DA 70 D6 DA70D6 218 112 214
PaleGoldenrod EE E8 AA EEE8AA 238 232 170
PaleGreen 98 FB 98 98FB98 152 251 152
PaleTurquoise AF EE EE AFEEEE 175 238 238
PaleVioletRed DB 70 93 DB7093 219 112 147
PapayaWhip FF EF D5 FFEFD5 255 239 213
PeachPuff FF DA B9 FFDAB9 255 218 185
Peru CD 85 3F CD853F 205 133 063
Pink FF C0 CB FFC0CB 255 192 203
Plum DD A0 DD DDA0DD 221 160 221
PowderBlue B0 E0 E6 B0E0E6 176 224 230
Purple A0 20 F0 A020F0 160 032 240
Purple 80 0 80 800080 128 000 128
Red FF 0 0 FF0000 255 000 000
RosyBrown BC 8F 8F BC8F8F 188 143 143
RoyalBlue 41 69 E1 4169E1 065 105 225
SaddleBrown 8B 45 13 8B4513 139 069 019
Salmon FA 80 72 FA8072 250 128 114
SandyBrown F4 A4 60 F4A460 244 164 096
SeaGreen 2E 8B 57 2E8B57 046 139 087
Seashell FF F5 EE FFF5EE 255 245 238
Sienna A0 52 2D A0522D 160 082 045
Silver C0 C0 C0 C0C0C0 192 192 192
SkyBlue 87 CE EB 87CEEB 135 206 235
SlateBlue 6A 5A CD 6A5ACD 106 090 205
SlateGray 70 80 90 708090 112 128 144
Snow FF FA FA FFFAFA 255 250 250
SpringGreen 0 FF 7F 00FF7F 000 255 127
SteelBlue 46 82 B4 4682B4 070 130 180
Tan D2 B4 8C D2B48C 210 180 140
Teal 0 80 80 008080 000 128 128
Thistle D8 BF D8 D8BFD8 216 191 216
Tomato FF 63 47 FF6347 255 099 071
Turquoise 40 E0 D0 40E0D0 064 224 208
Violet EE 82 EE EE82EE 238 130 238
Wheat F5 DE B3 F5DEB3 245 222 179
White FF FF FF FFFFFF 255 255 255
WhiteSmoke F5 F5 F5 F5F5F5 245 245 245
Yellow FF FF 0 FFFF00 255 255 000
YellowGreen 9A CD 32 9ACD32 154 205 050

Rgb hex kleuren in je wordpress CSS bestand

Als web-designer kun je een CSS-bestand maken met alle volgende namen en codes. Koppel dit stijlblad aan je webpagina’s om een van deze kleuren te gebruiken als voor tekst of voor cellen in een tabel.
Je kan het onderstaande ook in je van je plaatsen.


.AliceBlue {background-color: #F0F8FF; }
.AntiqueWhite {background-color: #FAEBD7; }
.Aqua {background-color: #00FFFF; }
.Aquamarine1 {background-color: #70DB93; }
.Aquamarine2 {background-color: #7FFFD4; }
.Azure {background-color: #F0FFFF; }
.Beige {background-color: #F5F5DC; }
.Bisque {background-color: #FFE4C4; }
.Black {background-color: #000000; }
.BlanchedAlmond {background-color: #FFEBCD; }
.Blue {background-color: #0000FF; }
.BlueViolet1 {background-color: #9F5F9F; }
.BlueViolet2 {background-color: #8A2BE2; }
.Brass {background-color: #B5A642; }
.BrightGold {background-color: #D9D919; }
.Bronze {background-color: #8C7853; }
.BronzeII {background-color: #A67D3D; }
.Brown {background-color: #A52A2A; }
.BurlyWood {background-color: #DEB887; }
.CadetBlue1 {background-color: #5F9EA0; }
.CadetBlue2 {background-color: #5F9F9F; }
.Chartreuse {background-color: #7FFF00; }
.Chocolate {background-color: #5C3317; }
.CoolCopper {background-color: #D98719; }
.Copper {background-color: #B87333; }
.Coral {background-color: #FF7F00; }
.CornFlowerBlue1 {background-color: #42426F; }
.CornFlowerBlue2 {background-color: #6495ED; }
.Cornsilk {background-color: #FFF8DC; }
.Crimson {background-color: #DC143C; }
.Cyan {background-color: #00FFFF; }
.DarkBlue {background-color: #00008B; }
.DarkBrown {background-color: #5C4033; }
.DarkCyan {background-color: #008B8B; }
.DarkGoldenrod {background-color: #B8860B; }
.DarkGreen1 {background-color: #2F4F2F; }
.DarkGreen2 {background-color: #006400; }
.DarkGreenCopper {background-color: #4A766E; }
.DarkGrey {background-color: #A9A9A9; }
.DarkKhaki {background-color: #BDB76B; }
.DarkMagenta {background-color: #8B008B; }
.DarkOliveGreen1 {background-color: #4F4F2F; }
.DarkOliveGreen2 {background-color: #556B2F; }
.DarkOrange {background-color: #FF8C00; }
.DarkOrchid1 {background-color: #9932CD; }
.DarkOrchid2 {background-color: #9932CC; }
.DarkPurple {background-color: #871F78; }
.DarkRed {background-color: #8B0000; }
.DarkSalmon {background-color: #E9967A; }
.DarkSeaGreen {background-color: #8FBC8F; }
.DarkSlateBlue1 {background-color: #6B238E; }
.DarkSlateBlue2 {background-color: #483D8B; }
.DarkSlateGrey {background-color: #2F4F4F; }
.DarkTan {background-color: #97694F; }
.DarkTurquoise1 {background-color: #7093DB; }
.DarkTurquoise2 {background-color: #00CED1; }
.DarkViolet {background-color: #9400D3; }
.DarkWood {background-color: #855E42; }
.DeepPink {background-color: #FF1493; }
.DeepSkyBlue {background-color: #00BFFF; }
.DimGrey1 {background-color: #545454; }
.DimGrey2 {background-color: #696969; }
.DodgerBlue {background-color: #1E90FF; }
.DustyRose {background-color: #856363; }
.FadedBrown {background-color: #F5CCB0; }
.Feldspar {background-color: #D19275; }
.FireBrick1 {background-color: #8E2323; }
.FireBrick2 {background-color: #B22222; }
.FloralWhite {background-color: #FFFAF0; }
.ForestGreen1 {background-color: #238E23; }
.ForestGreen2 {background-color: #228B22; }
.Fuchsia {background-color: #FF00FF; }
.Gainsboro {background-color: #DCDCDC; }
.GhostWhite {background-color: #F8F8FF; }
.Gold1 {background-color: #CD7F32; }
.Gold2 {background-color: #FFD700; }
.Goldenrod1 {background-color: #DBDB70; }
.Goldenrod2 {background-color: #DAA520; }
.Green1 {background-color: #00FF00; }
.Green2 {background-color: #008000; }
.GreenCopper {background-color: #527F76; }
.GreenYellow1 {background-color: #93DB70; }
.GreenYellow2 {background-color: #ADFF2F; }
.Grey00 {background-color: #FFFFFF; }
.Grey01 {background-color: #F8F8F8; }
.Grey02 {background-color: #F0F0F0; }
.Grey03 {background-color: #E8E8E8; }
.Grey04 {background-color: #E0E0E0; }
.Grey05 {background-color: #D8D8D8; }
.Grey06 {background-color: #D0D0D0; }
.Grey07 {background-color: #C8C8C8; }
.Grey08 {background-color: #C0C0C0; }
.Grey09 {background-color: #B8B8B8; }
.Grey10 {background-color: #B0B0B0; }
.Grey11 {background-color: #A8A8A8; }
.Grey12 {background-color: #A0A0A0; }
.Grey13 {background-color: #989898; }
.Grey14 {background-color: #909090; }
.Grey15 {background-color: #888888; }
.Grey16 {background-color: #808080; }
.Grey17 {background-color: #787878; }
.Grey18 {background-color: #707070; }
.Grey19 {background-color: #686868; }
.Grey20 {background-color: #606060; }
.Grey21 {background-color: #585858; }
.Grey22 {background-color: #505050; }
.Grey23 {background-color: #484848; }
.Grey24 {background-color: #404040; }
.Grey25 {background-color: #383838; }
.Grey26 {background-color: #303030; }
.Grey27 {background-color: #282828; }
.Grey28 {background-color: #202020; }
.Grey29 {background-color: #181818; }
.Grey30 {background-color: #101010; }
.Grey31 {background-color: #080808; }
.Grey32 {background-color: #000000; }
.Honeydew {background-color: #F0FFF0; }
.HotPink {background-color: #FF69B4; }
.HunterGreen {background-color: #215E21; }
.IndianRed1 {background-color: #4E2F2F; }
.IndianRed2 {background-color: #CD5C5C; }
.Indigo {background-color: #4B0082; }
.Ivory {background-color: #FFFFF0; }
.Khaki1 {background-color: #9F9F5F; }
.Khaki2 {background-color: #F0E68C; }
.Lavender {background-color: #E6E6FA; }
.LavenderBlush {background-color: #FFF0F5; }
.LawnGreen {background-color: #7CFC00; }
.LemonChiffon {background-color: #FFFACD; }
.LightBlue1 {background-color: #C0D9D9; }
.LightBlue2 {background-color: #ADD8E6; }
.LightCoral {background-color: #F08080; }
.LightCyan {background-color: #E0FFFF; }
.LightGoldenrodYellow {background-color: #FAFAD2; }
.LightGreen {background-color: #90EE90; }
.LightGrey1 {background-color: #A8A8A8; }
.LightGrey2 {background-color: #D3D3D3; }
.LightPink {background-color: #FFB6C1; }
.LightSalmon {background-color: #FFA07A; }
.LightSeaGreen {background-color: #20B2AA; }
.LightSkyBlue {background-color: #87CEFA; }
.LightSlateBlue {background-color: #8470FF; }
.LightSlateGrey {background-color: #778899; }
.LightSteelBlue1 {background-color: #8F8FBD; }
.LightSteelBlue2 {background-color: #B0C4DE; }
.LightWood {background-color: #E9C2A6; }
.LightYellow {background-color: #FFFFE0; }
.Lime {background-color: #00FF00; }
.LimeGreen {background-color: #32CD32; }
.Linen {background-color: #FAF0E6; }
.Magenta {background-color: #FF00FF; }
.MandarianOrange {background-color: #E47833; }
.Maroon {background-color: #800000; }
.MediumAquamarine1 {background-color: #32CD99; }
.MediumAquamarine2 {background-color: #66CDAA; }
.MediumBlue1 {background-color: #3232CD; }
.MediumBlue2 {background-color: #0000CD; }
.MediumForestGreen {background-color: #6B8E23; }
.MediumGoldenrod {background-color: #EAEAAE; }
.MediumOrchid1 {background-color: #9370DB; }
.MediumOrchid2 {background-color: #BA55D3; }
.MediumPurple {background-color: #9370DB; }
.MediumSeaGreen1 {background-color: #426F42; }
.MediumSeaGreen2 {background-color: #3CB371; }
.MediumSlateBlue1 {background-color: #7F00FF; }
.MediumSlateBlue2 {background-color: #7B68EE; }
.MediumSpringGreen1 {background-color: #7FFF00; }
.MediumSpringGreen2 {background-color: #00FA9A; }
.MediumTurquoise1 {background-color: #70DBDB; }
.MediumTurquoise2 {background-color: #48D1CC; }
.MediumVioletRed1 {background-color: #DB7093; }
.MediumVioletRed2 {background-color: #C71585; }
.MediumWood {background-color: #A68064; }
.MidnightBlue1 {background-color: #2F2F4F; }
.MidnightBlue2 {background-color: #191970; }
.MintCream {background-color: #F5FFFA; }
.MistyRose {background-color: #FFE4E1; }
.Moccasin {background-color: #FFE4B5; }
.NavajoWhite {background-color: #FFDEAD; }
.Navy {background-color: #000080; }
.NavyBlue {background-color: #23238E; }
.NeonBlue {background-color: #4D4DFF; }
.NeonPink {background-color: #FF6EC7; }
.NewMidnightBlue {background-color: #00009C; }
.NewTan {background-color: #EBC79E; }
.OldGold {background-color: #CFB53B; }
.OldLace {background-color: #FDF5E6; }
.Olive {background-color: #808000; }
.OliveDrab {background-color: #6B8E23; }
.Orange1 {background-color: #FF7F00; }
.Orange2 {background-color: #FFA500; }
.OrangeRed1 {background-color: #FF2400; }
.OrangeRed2 {background-color: #FF4500; }
.Orchid {background-color: #DB70DB; }
.PaleGoldenrod {background-color: #EEE8AA; }
.PaleGreen1 {background-color: #8FBC8F; }
.PaleGreen2 {background-color: #98FB98; }
.PaleTurquoise {background-color: #AFEEEE; }
.PaleVioletRed1 {background-color: #D87093; }
.PaleVioletRed2 {background-color: #DB7093; }
.PapayaWhip {background-color: #FFEFD5; }
.PeachPuff {background-color: #FFDAB9; }
.Peru {background-color: #CD853F; }
.Pink1 {background-color: #BC8F8F; }
.Pink2 {background-color: #FFC0CB; }
.Plum1 {background-color: #EAADEA; }
.Plum2 {background-color: #DDA0DD; }
.PowderBlue {background-color: #B0E0E6; }
.Purple1 {background-color: #800080; }
.Purple2 {background-color: #A020F0; }
.Quartz {background-color: #D9D9F3; }
.Red {background-color: #FF0000; }
.RichBlue {background-color: #5959AB; }
.RosyBrown {background-color: #BC8F8F; }
.RoyalBlue {background-color: #4169E1; }
.SaddleBrown {background-color: #8B4513; }
.Salmon1 {background-color: #6F4242; }
.Salmon2 {background-color: #FA8072; }
.SandyBrown {background-color: #F4A460; }
.Scarlet {background-color: #8C1717; }
.SeaGreen1 {background-color: #238E68; }
.SeaGreen2 {background-color: #2E8B57; }
.SeaShell {background-color: #FFF5EE; }
.Semi-SweetChocolate {background-color: #6B4226; }
.Sienna1 {background-color: #8E6B23; }
.Sienna2 {background-color: #A0522D; }
.Silver1 {background-color: #E6E8FA; }
.Silver2 {background-color: #C0C0C0; }
.SkyBlue1 {background-color: #87CEEB; }
.SkyBlue2 {background-color: #3299CC; }
.SlateBlue1 {background-color: #007FFF; }
.SlateBlue2 {background-color: #6A5ACD; }
.SlateGrey {background-color: #708090; }
.Snow {background-color: #FFFAFA; }
.SpicyPink {background-color: #FF1CAE; }
.SpringGreen {background-color: #00FF7F; }
.SteelBlue1 {background-color: #236B8E; }
.SteelBlue2 {background-color: #4682B4; }
.SummerSky {background-color: #38B0DE; }
.Tan1 {background-color: #DB9370; }
.Tan2 {background-color: #D2B48C; }
.Teal {background-color: #008080; }
.Thistle {background-color: #D8BFD8; }
.Tomato {background-color: #FF6347; }
.Turquoise1 {background-color: #ADEAEA; }
.Turquoise2 {background-color: #40E0D0; }
.VeryLightGrey {background-color: #CDCDCD; }
.Violet1 {background-color: #4F2F4F; }
.Violet2 {background-color: #EE82EE; }
.VioletRed {background-color: #CC3299; }
.Wheat1 {background-color: #D8D8BF; }
.Wheat2 {background-color: #F5DEB3; }
.White {background-color: #FFFFFF; }
.WhiteSmoke {background-color: #F5F5F5; }
.Yellow {background-color: #FFFF00; }
.YellowGreen1 {background-color: #99CC32; }
.YellowGreen2 {background-color: #9ACD32; }


Handleidingen en tips over kleur en kleurencirkels

Uitgebreide informatie over rgb, hex en kleur vind je in de onderstaande handleidingen over kleur:


Meer weten over Kleurendatabase namen kleurenoverzicht rgb hex cssof info?

Wil je meer informatie? Veel web-designers met interesse in Kleurendatabase namen kleurenoverzicht rgb hex css bekeken ook de onderstaande veel gelezen handleidingen:


Scroll naar boven