Je computer kan waarschijnlijk enkele miljoenen kleuren weergeven. Hier is een lijst en overzicht met standaardkleuren die in webdesignland een naam hebben.
IN DEZE HANDLEIDING:
- 1 Rgb hex kleuren en CSS voor WordPress
- 2 Kleurendatabase op naam van rgb hex kleuren
- 3 50 Kleurenschema’s WordPress site RGB Hex kleur codes
- 4 Kleur kiezen WordPress webdesign rgb hex kleurencirkel
- 5 Beste kleurentools webdesign gereedschap voor ontwerpers
- 6 Kleurendatabase namen kleurenoverzicht rgb hex css
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 WordPress site RGB Hex kleur codes
50 kleurvoorbeelden ter inspiratie voor je webdesign van je WordPress website. Bekijk de kleuren en kleurcombinaties combinaties van hex- en RGB kleuren.
Kleur kiezen WordPress webdesign rgb hex kleurencirkel
Kleur kiezen voor webdesign en WordPress kan soms lastig zijn. Hieronder vind je tips en documentatie hoe je efficient te werk kan gaan bij het bepalen en implementeren van kleur voor je WordPress huisstijl en webdesign. IN DEZE HANDLEIDING:1 RGB en HEX-kleuren en webdesign2 Harmonie van kleuren voor website3 Kleurenpalet […]
Beste kleurentools webdesign gereedschap voor ontwerpers
De beste kleurentools die handig zijn bij het ontwerpen met en bepalen van kleuren en het maken van een kleurenpalet voor je huisstijl, ontwerp en webdesign.
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).
