Kleur voor WordPress en webdesign
Alle informatie over kleur voor WordPress en webdesign bij elkaar
Handleidingen en tips over kleur
Meer info, tips, handleidingen en achtergrond over kleur en ontwerpen vind je hier:
- 50 Kleurenschema’s WordPress site RGB Hex kleur codes
- Kleur kiezen WordPress webdesign rgb hex kleurencirkel
- Beste kleurentools webdesign gereedschap voor ontwerpers
- Kleurendatabase namen kleurenoverzicht rgb hex css
- Verloop kleurverloop voorbeelden gradient webdesign
- Kleur betekenis psychologie huisstijl ontwerp vormgeving
- Sanzo Wada kleurenpalet Japans boek kleurencombinaties
- Alle Pantone PMS kleuren kleurenoverzicht kleurenwaaier
RGB naar Hex gereedschap
RGB-kleur omzetten naar HEX-waarde:
www.rgbtohex.net/rgb
Kleurenoverzichten
Hieronder vind je ons overzicht over de 216 websafe kleuren en de bijbehorende kleurcodes die het op elk scherm goed doen.
Gesorteerde kleuren
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Van Wit naar kleur
FF FF FF |
FF EE EE |
FF DD DD |
FF CC CC |
FF BB BB |
FF AA AA |
FF 99 99 |
FF 88 88 |
FF 77 77 |
FF 66 66 |
FF 55 55 |
FF 44 44 |
FF 33 33 |
FF 22 22 |
FF 11 11 |
FF 00 00 |
FF FF FF |
FF FF EE |
FF FF DD |
FF FF CC |
FF FF BB |
FF FF AA |
FF FF 99 |
FF FF 88 |
FF FF 77 |
FF FF 66 |
FF FF 55 |
FF FF 44 |
FF FF 33 |
FF FF 22 |
FF FF 11 |
FF FF 00 |
FF FF FF |
EE FF EE |
DD FF DD |
CC FF CC |
BB FF BB |
AA FF AA |
99 FF 99 |
88 FF 88 |
77 FF 77 |
66 FF 66 |
55 FF 55 |
44 FF 44 |
33 FF 33 |
22 FF 22 |
11 FF 11 |
00 FF 00 |
FF FF FF |
EE FF FF |
DD FF FF |
CC FF FF |
BB FF FF |
AA FF FF |
99 FF FF |
88 FF FF |
77 FF FF |
66 FF FF |
55 FF FF |
44 FF FF |
33 FF FF |
22 FF FF |
11 FF FF |
00 FF FF |
FF FF FF |
EE EE FF |
DD DD FF |
CC CC FF |
BB BB FF |
AA AA FF |
99 99 FF |
88 88 FF |
77 77 FF |
66 66 FF |
55 55 FF |
44 44 FF |
33 33 FF |
22 22 FF |
11 11 FF |
00 00 FF |
FF FF FF |
FF EE FF |
FF DD FF |
FF CC FF |
FF BB FF |
FF AA FF |
FF 99 FF |
FF 88 FF |
FF 77 FF |
FF 66 FF |
FF 55 FF |
FF 44 FF |
FF 33 FF |
FF 22 FF |
FF 11 FF |
FF 00 FF |
Van Zwart naar kleur
00 00 00 |
11 00 00 |
22 00 00 |
33 00 00 |
44 00 00 |
55 00 00 |
66 00 00 |
77 00 00 |
88 00 00 |
99 00 00 |
AA 00 00 |
BB 00 00 |
CC 00 00 |
DD 00 00 |
EE 00 00 |
FF 00 00 |
00 00 00 |
11 11 00 |
22 22 00 |
33 33 00 |
44 44 00 |
55 55 00 |
66 66 00 |
77 77 00 |
88 88 00 |
99 99 00 |
AA AA 00 |
BB BB 00 |
CC CC 00 |
DD DD 00 |
EE EE 00 |
FF FF 00 |
00 00 00 |
00 11 00 |
00 22 00 |
00 33 00 |
00 44 00 |
00 55 00 |
00 66 00 |
00 77 00 |
00 88 00 |
00 99 00 |
00 AA 00 |
00 BB 00 |
00 CC 00 |
00 DD 00 |
00 EE 00 |
00 FF 00 |
00 00 00 |
00 11 11 |
00 22 22 |
00 33 33 |
00 44 44 |
00 55 55 |
00 66 66 |
00 77 77 |
00 88 88 |
00 99 99 |
00 AA AA |
00 BB BB |
00 CC CC |
00 DD DD |
00 EE EE |
00 FF FF |
00 00 00 |
00 00 11 |
00 00 22 |
00 00 33 |
00 00 44 |
00 00 55 |
00 00 66 |
00 00 77 |
00 00 88 |
00 00 99 |
00 00 AA |
00 00 BB |
00 00 CC |
00 00 DD |
00 00 EE |
00 00 FF |
00 00 00 |
11 00 11 |
22 00 22 |
33 00 33 |
44 00 44 |
55 00 55 |
66 00 66 |
77 00 77 |
99 00 88 |
99 00 99 |
AA 00 AA |
BB 00 BB |
CC 00 CC |
DD 00 DD |
EE 00 EE |
FF 00 FF |
Grijswaarden
black (Safe 16 SVG Hex3) | #000000 | gray1 | #030303 | gray2 | #050505 | |||
---|---|---|---|---|---|---|---|---|
gray3 | #080808 | gray4 | #0A0A0A | gray5 | #0D0D0D | |||
gray6 | #0F0F0F | gray7 | #121212 | gray8 | #141414 | |||
gray9 | #171717 | gray10 | #1A1A1A | gray11 | #1C1C1C | |||
gray12 | #1F1F1F | gray13 | #212121 | gray14 | #242424 | |||
gray15 | #262626 | gray16 | #292929 | gray17 | #2B2B2B | |||
gray18 | #2E2E2E | gray19 | #303030 | gray20 (Safe Hex3) | #333333 | |||
gray21 | #363636 | gray22 | #383838 | gray23 | #3B3B3B | |||
gray24 | #3D3D3D | gray25 | #404040 | gray26 | #424242 | |||
gray27 | #454545 | gray28 | #474747 | gray29 | #4A4A4A | |||
gray30 | #4D4D4D | gray31 | #4F4F4F | gray32 | #525252 | |||
gray33 (Hex3) | #555555 | gray34 | #575757 | gray35 | #595959 | |||
gray36 | #5C5C5C | gray37 | #5E5E5E | gray38 | #616161 | |||
gray39 | #636363 | gray40 (Safe Hex3) | #666666 | dimgrey (SVG) | #696969 | |||
dimgray (SVG) | #696969 | gray42 | #6B6B6B | gray43 | #6E6E6E | |||
gray44 | #707070 | gray45 | #737373 | gray46 | #757575 | |||
gray47 | #787878 | gray48 | #7A7A7A | gray49 | #7D7D7D | |||
gray (16 SVG) | #808080 | gray50 | #7F7F7F | grey (16 SVG) | #808080 | |||
gray51 | #828282 | gray52 | #858585 | gray53 | #878787 | |||
gray54 | #8A8A8A | gray55 | #8C8C8C | gray56 | #8F8F8F | |||
gray57 | #919191 | gray58 | #949494 | gray59 | #969696 | |||
gray60 (Safe Hex3) | #999999 | gray61 | #9C9C9C | gray62 | #9E9E9E | |||
gray63 | #A1A1A1 | gray64 | #A3A3A3 | gray65 | #A6A6A6 | |||
darkgray (SVG) | #A9A9A9 | gray66 | #A8A8A8 | darkgrey (SVG) | #A9A9A9 | |||
gray67 | #ABABAB | sgilight gray (Hex3) | #AAAAAA | gray68 | #ADADAD | |||
gray69 | #B0B0B0 | gray70 | #B3B3B3 | gray71 | #B5B5B5 | |||
gray72 | #B8B8B8 | gray73 | #BABABA | gray74 | #BDBDBD | |||
silver (16 SVG) | #C0C0C0 | gray | #BEBEBE | gray75 | #BFBFBF | |||
gray76 | #C2C2C2 | gray77 | #C4C4C4 | gray78 | #C7C7C7 | |||
gray79 | #C9C9C9 | verylight grey | #CDCDCD | gray80 (Safe Hex3) | #CCCCCC | |||
gray81 | #CFCFCF | gray82 | #D1D1D1 | gray83 | #D4D4D4 | |||
lightgray (SVG) | #D3D3D3 | lightgrey (SVG) | #D3D3D3 | gray84 | #D6D6D6 | |||
gray85 | #D9D9D9 | gainsboro (SVG) | #DCDCDC | gray86 | #DBDBDB | |||
gray87 | #DEDEDE | gray88 | #E0E0E0 | gray89 | #E3E3E3 | |||
gray90 | #E5E5E5 | gray91 | #E8E8E8 | gray92 | #EBEBEB | |||
gray93 | #EDEDED | gray94 | #F0F0F0 | gray95 | #F2F2F2 | |||
whitesmoke (SVG) | #F5F5F5 | gray97 | #F7F7F7 | gray98 | #FAFAFA | |||
gray99 | #FCFCFC | white (Safe 16 SVG Hex3) | #FFFFFF |
Kleurenschema’s maken voor WordPress website
Alle Pantone PMS kleuren kleurenoverzicht kleurenwaaier
Pantone Colour Matching System Kleurensysteem Het Pantone Color Matching System is een uitbreiding van bestaande…
350 kleurencombinaties kleurenschema kleuren design
Kleurencombinatie, kleurenpaletten en kleurenschema’s Ik heb een overzicht gemaak van honderden kleurencombinaties, kleurenpaletten en kleurenschema’s….
Voorbeelden kleurenpalet huisstijl identity bedrijf merk
Voorbeeld 1 kernmerkkleur en paar neutrale tinten Als je kijkt naar veel van de toptechnologische…
60-30-10 kleurenpalet kleurenschema maken webdesign
60-30-10 kleurenpalet voor webdesign en WordPress website Beslissen hoe kleur effectief te gebruiken in ontwerp…
Colorhex kleurenmixer kleurtinten voor ontwerp webdesign
Beste kleurentools webdesign gereedschap voor ontwerpers
WordPress Huisstijl kleuren
WordPress.com huisstijl kleuren
WordPress.com kleuren archief
Meer links:
Kleuren en tinten op CSS tricks
Willekeurig random kleurverloop maken:
Kleuren random gradient maken