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 kleur 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 achtergrond voor tekst of voor cellen in een tabel.
Je kan het onderstaande ook in je Custom CSS van je WordPress thema 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:

• 50 Kleurenschema’s RGB & Hex kleuren & kleurcodes WordPress
• Kleur kiezen WordPress webdesign rgb hex kleurencirkel
• Beste kleurentools webdesign gereedschap voor ontwerpers
• Kleurendatabase namen kleurenoverzicht rgb hex css