CSS farvekoder og navne.
Farvekoden kan være en af:
Hex-format: #rrggbb
RGB-format: rgb (rød, grøn, blå)
Navneformat: navn
For orange farve:
Hex-format: #FFA500
RGB-format: rgb(255,165,0)
Navneformat: orange
For specifikt element:
<element style="color: code;"></element>
For alle elementer af samme type. Indsæt kode i <style> tag i hovedsektionen:
<style>
element { color: code; }
</style>
Indstilling af afsnitstekstfarve til rød:
Indstilling af farve for specifikt afsnit:
<p style="color: #FF0000;">Some text ...</p>
Udsigt:
Lidt tekst...
Indstilling af farve på alle afsnit
<style>
p { color: #FF0000; }
</style>
element { background: code; }
Indstilling af afsnits baggrundsfarve til rød:
Indstilling af baggrundsfarve for specifikt afsnit:
<p style="background: #FF0000;">Some text ...</p>
Udsigt:
Lidt tekst...
Indstilling af baggrundsfarve for alle afsnit:
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
Indstilling af afsnitsrammefarve til rød, grøn, blå og sort:
Indstilling af kantfarve for specifikt afsnit:
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
Udsigt:
Lidt tekst...
Indstilling af kantfarve for alle afsnit:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
Farve | HTML / CSS farvenavn |
Hexkode #RRGGBB |
Decimalkode (R,G,B) |
---|---|---|---|
lyslaks | #FFA07A | rgb(255.160.122) | |
laks | #FA8072 | rgb(250,128,114) | |
mørk laks | #E9967A | rgb(233.150.122) | |
lyskoral | #F08080 | rgb(240,128,128) | |
indianred | #CD5C5C | rgb(205,92,92) | |
karmosinrød | #DC143C | rgb(220;20;60) | |
ildsten | #B22222 | rgb(178,34,34) | |
rød | #FF0000 | rgb(255,0,0) | |
mørkerød | #8B0000 | rgb(139,0,0) |
Farve | HTML / CSS farvenavn |
Hexkode #RRGGBB |
Decimalkode (R,G,B) |
---|---|---|---|
koral | #FF7F50 | rgb(255,127,80) | |
tomat | #FF6347 | rgb(255,99,71) | |
orangerød | #FF4500 | rgb(255,69,0) | |
guld | #FFD700 | rgb(255,215,0) | |
orange | #FFA500 | rgb(255,165,0) | |
mørk orange | #FF8C00 | rgb(255,140,0) |
Farve | HTML / CSS farvenavn |
Hexkode #RRGGBB |
Decimalkode (R,G,B) |
---|---|---|---|
lysegul | #FFFFE0 | rgb(255.255.224) | |
citronchiffon | #FFFACD | rgb(255.250.205) | |
lysgyldenrødgul | #FAFAD2 | rgb(250,250,210) | |
papayapisk | #FFEFD5 | rgb(255.239.213) | |
mokkasin | #FFE4B5 | rgb(255.228.181) | |
ferskenpust | #FFDAB9 | rgb(255.218.185) | |
palegoldenrod | #EEE8AA | rgb(238.232.170) | |
kaki | #F0E68C | rgb(240,230,140) | |
mørkkhaki | #BDB76B | rgb(189.183.107) | |
gul | #FFFF00 | rgb(255,255,0) |
Farve | HTML / CSS farvenavn |
Hexkode #RRGGBB |
Decimalkode (R,G,B) |
---|---|---|---|
græsgrøn | #7CFC00 | rgb(124,252,0) | |
chartreuse | #7FFF00 | rgb(127.255,0) | |
lime grøn | #32CD32 | rgb(50,205,50) | |
Citron | #00FF00 | rgb(0.255.0) | |
skovgrøn | #228B22 | rgb(34,139,34) | |
grøn | #008000 | rgb(0,128,0) | |
mørkegrøn | #006400 | rgb(0,100,0) | |
grøngul | #ADFF2F | rgb(173,255,47) | |
gul grøn | #9ACD32 | rgb(154,205,50) | |
springgrøn | #00FF7F | rgb(0,255,127) | |
mellemspringgrøn | #00FA9A | rgb(0,250,154) | |
lysegrøn | #90EE90 | rgb(144.238.144) | |
lysegrøn | #98FB98 | rgb(152.251.152) | |
mørkesøgrøn | #8FBC8F | rgb(143.188.143) | |
mellemsøgrøn | #3CB371 | rgb(60.179.113) | |
havgrøn | #2E8B57 | rgb(46.139,87) | |
oliven | #808000 | rgb(128,128,0) | |
mørkeolivegrøn | #556B2F | rgb(85,107,47) | |
olivendrab | #6B8E23 | rgb(107,142,35) |
Farve | HTML / CSS farvenavn |
Hexkode #RRGGBB |
Decimalkode (R,G,B) |
---|---|---|---|
lyscyan | #E0FFFF | rgb(224.255.255) | |
cyan | #00FFFF | rgb(0,255,255) | |
aqua | #00FFFF | rgb(0,255,255) | |
akvamarin | #7FFFD4 | rgb(127.255.212) | |
medium akvamarin | #66CDAA | rgb(102.205.170) | |
paleturkis | #AFEEEE | rgb(175.238.238) | |
turkis | #40E0D0 | rgb(64.224.208) | |
mellemturkis | #48D1CC | rgb(72.209.204) | |
mørkturkis | #00CED1 | rgb(0,206,209) | |
lyssøgrøn | #20B2AA | rgb(32.178.170) | |
kadetblå | #5F9EA0 | rgb(95.158.160) | |
mørkcyan | #008B8B | rgb(0,139,139) | |
krikand | #008080 | rgb(0,128,128) |
Farve | HTML / CSS farvenavn |
Hexkode #RRGGBB |
Decimalkode (R,G,B) |
---|---|---|---|
pudderblå | #B0E0E6 | rgb(176.224.230) | |
lyseblå | #ADD8E6 | rgb(173.216.230) | |
lyseblå | #87CEFA | rgb(135.206.250) | |
Himmelblå | #87CEEB | rgb(135.206.235) | |
dyb himmelblå | #00BFFF | rgb(0,191,255) | |
lysstålblå | #B0C4DE | rgb(176.196.222) | |
dodgerblue | #1E90FF | rgb(30.144.255) | |
kornblomstblå | #6495ED | rgb(100.149.237) | |
stålblå | #4682B4 | rgb(70,130,180) | |
kongeblå | #4169E1 | rgb(65.105.225) | |
blå | #0000FF | rgb(0,0,255) | |
mellemblå | #0000CD | rgb(0,0,205) | |
mørkeblå | #00008B | rgb(0,0,139) | |
flåde | #000080 | rgb(0,0,128) | |
midnatsblå | #191970 | rgb(25,25,112) | |
medium skiferblå | #7B68EE | rgb(123.104.238) | |
skiferblå | #6A5ACD | rgb(106,90,205) | |
mørk skiferblå | #483D8B | rgb(72,61,139) |
Farve | HTML / CSS farvenavn |
Hexkode #RRGGBB |
Decimalkode (R,G,B) |
---|---|---|---|
lavendel | #E6E6FA | rgb(230,230,250) | |
tidsel | #D8BFD8 | rgb(216.191.216) | |
blomme | #DDA0DD | rgb(221.160.221) | |
violet | #EE82EE | rgb(238.130.238) | |
orkidé | #DA70D6 | rgb(218.112.214) | |
fuchsia | #FF00FF | rgb(255;0,255) | |
magenta | #FF00FF | rgb(255;0,255) | |
mediumorkidé | #BA55D3 | rgb(186,85,211) | |
mellemlilla | #9370DB | rgb(147.112.219) | |
blåviolet | #8A2BE2 | rgb(138,43,226) | |
mørkviolet | #9400D3 | rgb(148,0,211) | |
mørkorkidé | #9932CC | rgb(153,50,204) | |
mørkmagenta | #8B008B | rgb(139;0,139) | |
lilla | #800080 | rgb(128;0,128) | |
indigo | #4B0082 | rgb(75,0,130) |
Farve | HTML / CSS farvenavn |
Hexkode #RRGGBB |
Decimalkode (R,G,B) |
---|---|---|---|
lyserød | #FFC0CB | rgb(255.192.203) | |
lyserød | #FFB6C1 | rgb(255.182.193) | |
Hot pink | #FF69B4 | rgb(255.105.180) | |
dybrød | #FF1493 | rgb(255,20,147) | |
blegviolet | #DB7093 | rgb(219.112.147) | |
mellemviolet | #C71585 | rgb(199,21,133) |
Farve | HTML / CSS farvenavn |
Hexkode #RRGGBB |
Decimalkode (R,G,B) |
---|---|---|---|
hvid | #FFFFFF | rgb(255.255.255) | |
sne | #FFFAFA | rgb(255.250.250) | |
honningdug | #F0FFF0 | rgb(240.255.240) | |
myntecreme | #F5FFFA | rgb(245.255.250) | |
azurblå | #F0FFFF | rgb(240.255.255) | |
aliceblue | #F0F8FF | rgb(240.248.255) | |
spøgelseshvid | #F8F8FF | rgb(248.248.255) | |
hvid røg | #F5F5F5 | rgb(245.245.245) | |
muslingeskal | #FFF5EE | rgb(255.245.238) | |
beige | #F5F5DC | rgb(245.245.220) | |
oldlace | #FDF5E6 | rgb(253.245.230) | |
blomstret hvid | #FFFFAF0 | rgb(255.250.240) | |
elfenben | #FFFFF0 | rgb(255.255.240) | |
antikhvid | #FAEBD7 | rgb(250.235.215) | |
linned | #FAF0E6 | rgb(250,240,230) | |
lavendelblush | #FFF0F5 | rgb(255.240.245) | |
mistyrose | #FFE4E1 | rgb(255.228.225) |
Farve | HTML / CSS farvenavn |
Hexkode #RRGGBB |
Decimalkode (R,G,B) |
---|---|---|---|
gainsboro | #DCDCDC | rgb(220,220,220) | |
lysegrå | #D3D3D3 | rgb(211.211.211) | |
sølv | #C0C0C0 | rgb(192.192.192) | |
mørkegrå | #A9A9A9 | rgb(169.169.169) | |
grå | #808080 | rgb(128,128,128) | |
grå | #696969 | rgb(105,105,105) | |
lysslagregy | #778899 | rgb(119.136.153) | |
slategray | #708090 | rgb(112.128.144) | |
darkslategray | #2F4F4F | rgb(47,79,79) | |
sort | #000000 | rgb(0,0,0) |
Farve | HTML / CSS farvenavn |
Hexkode #RRGGBB |
Decimalkode (R,G,B) |
---|---|---|---|
majssilke | #FFF8DC | rgb(255.248.220) | |
blanchedalmond | #FFEBCD | rgb(255.235.205) | |
bisque | #FFE4C4 | rgb(255.228.196) | |
navajowhite | #FFDEAD | rgb(255.222.173) | |
hvede | #F5DEB3 | rgb(245.222.179) | |
burlywood | #DEB887 | rgb(222.184.135) | |
tan | #D2B48C | rgb(210,180,140) | |
rosenbrun | #BC8F8F | rgb(188.143.143) | |
sandbrun | #F4A460 | rgb(244,164,96) | |
guldris | #DAA520 | rgb(218,165,32) | |
peru | #CD853F | rgb(205,133,63) | |
chokolade | #D2691E | rgb(210,105,30) | |
sadelbrun | #8B4513 | rgb(139,69,19) | |
sienna | #A0522D | rgb(160,82,45) | |
Brun | #A52A2A | rgb(165;42;42) | |
rødbrun | #800000 | rgb(128,0,0) |
Vores CSS farvekoder værktøj giver brugerne mulighed for at CSS farvekoder. Nogle af de fremtrædende funktioner i dette værktøj er forklaret nedenfor.
Den brugervenlige grænseflade i vores CSS-farvekodeværktøj giver dig let at udføre denne konvertering med det samme. Du behøver ikke længere at tilegne dig programmeringsfærdigheder til CSS-farvekoder på grund af dette værktøjs enkelhed.
Du behøver ikke at gennemgå nogen registreringsproces for at bruge CSS-farvekoderne. Ved at bruge dette værktøj kan du gratis CSS farvekoder Tool så mange gange du vil.
Disse CSS-farvekoder kan tilgås fra ethvert hjørne af verden. Du behøver ikke bekymre dig om kompatibiliteten af dette onlineværktøj, da du kan CSS farvekoder med det fra enhver enhed. Alt du behøver er en internetforbindelse for at få adgang til og bruge dette CSS-farvekodeværktøj.
CSS-farvekoderne giver dig mulighed for at udføre den samme opgave med det samme. Du vil ikke blive bedt om at følge manuelle procedurer, da dets automatiserede algoritmer vil gøre arbejdet for dig.
CSS-farvekodeværktøjet fungerer perfekt på alle operativsystemer. Uanset om du har en Mac-, iOS-, Android-, Windows- eller Linux-enhed, kan du nemt bruge dette onlineværktøj uden besvær.
Du behøver ikke at gennemgå nogen registreringsproces for at bruge dette CSS-farvekodeværktøj. Du kan bruge dette værktøj gratis og lave ubegrænsede CSS-farvekoder uden nogen begrænsninger.