CSS-kleurcodes en -namen.
De kleurcode kan een van de volgende zijn:
Hex-formaat: #rrggbb
RGB-formaat: RGB (rood, groen, blauw)
Naamformaat: naam
Voor oranje kleur:
Hex-formaat: #FFA500
RGB-indeling: RGB (255.165.0)
Naamformaat: oranje
Voor specifiek element:
<element style="color: code;"></element>
Voor alle elementen van hetzelfde type.Zet code in <style> tag in het head-gedeelte:
<style>
element { color: code; }
</style>
Alineatekstkleur instellen op rood:
Kleur van specifieke paragraaf instellen:
<p style="color: #FF0000;">Some text ...</p>
Weergave:
Wat tekst...
Kleur instellen van alle alinea's
<style>
p { color: #FF0000; }
</style>
element { background: code; }
Alinea-achtergrondkleur instellen op rood:
Achtergrondkleur van specifieke alinea instellen:
<p style="background: #FF0000;">Some text ...</p>
Weergave:
Wat tekst...
Achtergrondkleur van alle alinea's instellen:
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
Alinearandkleur instellen op rood, groen, blauw en zwart:
Randkleur van specifieke alinea instellen:
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
Weergave:
Wat tekst...
Randkleur van alle alinea's instellen:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
Kleur | HTML / CSS -kleurnaam |
Hex-code #RRGGBB |
Decimale code (R,G,B) |
---|---|---|---|
lichtzalm | #FFA07A | rgb(255,160,122) | |
Zalm | #FA8072 | rgb(250,128,114) | |
donkere zalm | #E9967A | rgb(233,150,122) | |
lichtkoraal | #F08080 | rgb(240,128,128) | |
indischrood | #CD5C5C | rgb(205,92,92) | |
karmozijnrood | #DC143C | rgb(220,20,60) | |
vuursteen | #B22222 | rgb(178,34,34) | |
rood | #FF0000 | rgb(255,0,0) | |
donkerrood | #8B0000 | rgb(139,0,0) |
Kleur | HTML / CSS -kleurnaam |
Hex-code #RRGGBB |
Decimale code (R,G,B) |
---|---|---|---|
koraal | #FF7F50 | rgb(255,127,80) | |
tomaat | #FF6347 | rgb(255,99,71) | |
Oranje rood | #FF4500 | rgb(255,69,0) | |
goud | #FFD700 | rgb(255.215.0) | |
oranje | #FFA500 | rgb(255.165.0) | |
donker oranje | #FF8C00 | rgb(255.140.0) |
Kleur | HTML / CSS -kleurnaam |
Hex-code #RRGGBB |
Decimale code (R,G,B) |
---|---|---|---|
licht geel | #FFFFE0 | rgb(255,255,224) | |
citroenchiffon | #FFFACD | rgb(255,250,205) | |
lichtgoudenroedegeel | #FAFAD2 | rgb(250,250,210) | |
papayawhip | #FFEFD5 | rgb(255.239.213) | |
mocassin | #FFE4B5 | rgb(255.228.181) | |
perzikwolk | #FFDAB9 | rgb(255,218,185) | |
bleekgoudenroede | #EEE8AA | rgb(238,232,170) | |
khaki | #F0E68C | rgb(240,230,140) | |
donkerkaki | #BDB76B | rgb(189,183,107) | |
geel | #FFFF00 | rgb(255.255.0) |
Kleur | HTML / CSS -kleurnaam |
Hex-code #RRGGBB |
Decimale code (R,G,B) |
---|---|---|---|
gazongroen | #7CFC00 | rgb(124.252.0) | |
chartreuse | #7FFF00 | rgb(127.255.0) | |
limoen groen | #32CD32 | rgb(50,205,50) | |
limoen | #00FF00 | rgb(0.255.0) | |
Bos Groen | #228B22 | rgb(34,139,34) | |
groente | #008000 | rgb(0,128,0) | |
donkergroen | #006400 | rgb(0,100,0) | |
groen Geel | #ADFF2F | rgb(173,255,47) | |
geel groen | #9ACD32 | rgb(154,205,50) | |
lente groen | #00FF7F | rgb(0,255,127) | |
medium lentegroen | #00FA9A | rgb(0,250,154) | |
licht groen | #90EE90 | rgb(144.238.144) | |
lichtgroen | #98FB98 | rgb(152,251,152) | |
donkerzeegroen | #8FBC8F | rgb(143,188,143) | |
middelzeegroen | #3CB371 | rgb(60,179,113) | |
zee groen | #2E8B57 | rgb(46,139,87) | |
olijf | #808000 | rgb(128,128,0) | |
donkerolijfgroen | #556B2F | rgb(85,107,47) | |
olijf olie | #6B8E23 | rgb(107,142,35) |
Kleur | HTML / CSS -kleurnaam |
Hex-code #RRGGBB |
Decimale code (R,G,B) |
---|---|---|---|
lichtcyaan | #E0FFFF | rgb(224.255.255) | |
cyaan | #00FFFF | rgb(0,255,255) | |
water | #00FFFF | rgb(0,255,255) | |
aquamarijn | #7FFFD4 | rgb(127.255.212) | |
medium aquamarijn | #66CDAA | rgb(102.205.170) | |
paleturkoois | #AFEEEE | rgb(175.238.238) | |
turkoois | #40E0D0 | rgb(64.224.208) | |
medium turkoois | #48D1CC | rgb(72.209.204) | |
donkerturkoois | #00CED1 | rgb(0,206,209) | |
lichtzeegroen | #20B2AA | rgb(32.178.170) | |
kadetblauw | #5F9EA0 | rgb(95,158,160) | |
donkercyaan | #008B8B | rgb(0,139,139) | |
wintertaling | #008080 | rgb(0,128,128) |
Kleur | HTML / CSS -kleurnaam |
Hex-code #RRGGBB |
Decimale code (R,G,B) |
---|---|---|---|
poederblauw | #B0E0E6 | rgb(176.224.230) | |
lichtblauw | #ADD8E6 | rgb(173.216.230) | |
lichthemelblauw | #87CEFA | rgb(135.206.250) | |
hemelsblauw | #87CEEB | rgb(135.206.235) | |
diephemelsblauw | #00BFFF | rgb(0,191,255) | |
lichtstaalblauw | #B0C4DE | rgb(176,196,222) | |
dodgerblauw | #1E90FF | rgb(30.144.255) | |
korenblauw | #6495ED | rgb(100.149.237) | |
staal blauw | #4682B4 | rgb(70,130,180) | |
koningsblauw | #4169E1 | rgb(65.105.225) | |
blauw | #0000FF | rgb(0,0,255) | |
middenblauw | #0000CD | rgb(0,0,205) | |
donkerblauw | #00008B | rgb(0,0,139) | |
marine | #000080 | rgb(0,0,128) | |
middernacht blauw | #191970 | rgb(25,25,112) | |
mediumleisteenblauw | #7B68EE | rgb(123,104,238) | |
leiblauw | #6A5ACD | rgb(106,90,205) | |
donkerleisteenblauw | #483D8B | rgb(72,61,139) |
Kleur | HTML / CSS -kleurnaam |
Hex-code #RRGGBB |
Decimale code (R,G,B) |
---|---|---|---|
lavendel | #E6E6FA | rgb(230,230,250) | |
distel | #D8BFD8 | rgb(216,191,216) | |
pruim | #DDA0DD | rgb(221,160,221) | |
paars | #EE82EE | rgb(238,130,238) | |
orchidee | #DA70D6 | rgb(218,112,214) | |
fuchsia | #FF00FF | rgb(255,0,255) | |
magenta | #FF00FF | rgb(255,0,255) | |
middelgrote orchidee | #BA55D3 | rgb(186,85,211) | |
middenpaars | #9370DB | rgb(147,112,219) | |
blauw Violet | #8A2BE2 | rgb(138,43,226) | |
donkerviolet | #9400D3 | rgb(148,0,211) | |
donkere orchidee | #9932CC | rgb(153,50,204) | |
donkermagenta | #8B008B | rgb(139,0,139) | |
paars | #800080 | rgb(128,0,128) | |
indigo | #4B0082 | rgb(75,0,130) |
Kleur | HTML / CSS -kleurnaam |
Hex-code #RRGGBB |
Decimale code (R,G,B) |
---|---|---|---|
roze | #FFC0CB | rgb(255.192.203) | |
lichtroze | #FFB6C1 | rgb(255,182,193) | |
felroze | #FF69B4 | rgb(255,105,180) | |
donker roze | #FF1493 | rgb(255,20,147) | |
lichtviolet | #DB7093 | rgb(219,112,147) | |
middenvioletrood | #C71585 | rgb(199,21,133) |
Kleur | HTML / CSS -kleurnaam |
Hex-code #RRGGBB |
Decimale code (R,G,B) |
---|---|---|---|
wit | #FFFFFF | rgb(255,255,255) | |
sneeuw | #FFFAFA | rgb(255,250,250) | |
honingdauw | #F0FFF0 | rgb(240.255.240) | |
muntcrème | #F5FFFA | rgb(245.255.250) | |
azuur | #F0FFFF | rgb(240.255.255) | |
aliceblauw | #F0F8FF | rgb(240.248.255) | |
spookwit | #F8F8FF | rgb(248,248,255) | |
witte rook | #F5F5F5 | rgb(245,245,245) | |
zeeschelp | #FFF5EE | rgb(255,245,238) | |
beige | #F5F5DC | rgb(245.245.220) | |
oude kant | #FDF5E6 | rgb(253.245.230) | |
bloemenwit | #FFFF0 | rgb(255,250,240) | |
ivoor | #FFFFF0 | rgb(255,255,240) | |
antiek wit | #FAEBD7 | rgb(250.235.215) | |
linnen | #FAF0E6 | rgb(250,240,230) | |
lavendelblush | #FFF0F5 | rgb(255,240,245) | |
mistroost | #FFE4E1 | rgb(255,228,225) |
Kleur | HTML / CSS -kleurnaam |
Hex-code #RRGGBB |
Decimale code (R,G,B) |
---|---|---|---|
winstboro | #DCDCDC | rgb(220,220,220) | |
lichtgrijs | #D3D3D3 | rgb(211,211,211) | |
zilver | #C0C0C0 | rgb(192,192,192) | |
donkergrijs | #A9A9A9 | rgb(169,169,169) | |
grijs | #808080 | rgb(128,128,128) | |
dimgray | #696969 | rgb(105,105,105) | |
licht laatgrijs | #778899 | rgb(119,136,153) | |
leigrijs | #708090 | rgb(112,128,144) | |
donkerleigrijs | #2F4F4F | rgb(47,79,79) | |
zwart | #000000 | rgb(0,0,0) |
Kleur | HTML / CSS -kleurnaam |
Hex-code #RRGGBB |
Decimale code (R,G,B) |
---|---|---|---|
maïszijde | #FFF8DC | rgb(255.248.220) | |
geblancheerde amandel | #FFEBCD | rgb(255.235.205) | |
bisque | #FFE4C4 | rgb(255.228.196) | |
navajowit | #FFDEAD | rgb(255.222.173) | |
tarwe | #F5DEB3 | rgb(245.222.179) | |
knoestig hout | #DEB887 | rgb(222.184.135) | |
bruinen | #D2B48C | rgb(210,180,140) | |
rozebruin | #BC8F8F | rgb(188,143,143) | |
zandbruin | #F4A460 | rgb(244,164,96) | |
guldenroede | #DAA520 | rgb(218,165,32) | |
Peru | #CD853F | rgb(205,133,63) | |
chocolade | #D2691E | rgb(210,105,30) | |
zadelbruin | #8B4513 | rgb(139,69,19) | |
sienna | #A0522D | rgb(160,82,45) | |
bruin | #A52A2A | rgb(165,42,42) | |
kastanjebruin | #800000 | rgb(128,0,0) |
Met onze CSS-kleurcodestool kunnen gebruikers CSS-kleurcodes maken.Enkele van de opvallende kenmerken van dit hulpprogramma worden hieronder uitgelegd.
De gebruiksvriendelijke interface van onze CSS-kleurcodes Tool biedt u het gemak om deze conversie direct uit te voeren.Door de eenvoud van deze tool hoeft u geen programmeervaardigheden meer te verwerven voor CSS-kleurcodes.
U hoeft geen registratieproces te doorlopen om de CSS-kleurcodes te gebruiken.Met dit hulpprogramma kunt u zo vaak als u wilt gratis CSS-kleurcodes gebruiken.
Deze CSS-kleurcodes zijn toegankelijk vanuit elke hoek van de wereld.U hoeft zich geen zorgen te maken over de compatibiliteit van deze online tool, aangezien u er vanaf elk apparaat CSS-kleurcodes mee kunt gebruiken.Alles wat je nodig hebt is een internetverbinding voor toegang tot en gebruik van deze CSS-kleurcodes Tool.
Met de CSS-kleurcodes kunt u dezelfde taak onmiddellijk uitvoeren.U wordt niet gevraagd om handmatige procedures te volgen, aangezien de geautomatiseerde algoritmen het werk voor u doen.
De CSS-kleurcodes Tool werkt perfect op alle besturingssystemen.Of u nu een Mac-, iOS-, Android-, Windows- of Linux-apparaat hebt, u kunt dit online hulpprogramma eenvoudig en zonder problemen gebruiken.
U hoeft geen registratieproces te doorlopen om deze CSS-kleurcodes-tool te gebruiken.U kunt dit hulpprogramma gratis gebruiken en onbeperkt CSS-kleurcodes gebruiken zonder enige beperking.