Codis de color i noms CSS.
El codi de colors pot ser un dels següents:
Format hexadecimal: #rrggbb
Format RGB: rgb (vermell, verd, blau)
Format del nom: nom
Per al color taronja:
Format hexadecimal: #FFA500
Format RGB: rgb (255,165,0)
Format del nom: taronja
Per a un element específic:
<element style="color: code;"></element>
Per a tots els elements del mateix tipus. Posa el codi a l'etiqueta <style> a la secció del cap:
<style>
element { color: code; }
</style>
Configurant el color del text del paràgraf en vermell:
Configuració del color d'un paràgraf específic:
<p style="color: #FF0000;">Some text ...</p>
Visualització:
Algun text...
Configuració del color de tots els paràgrafs
<style>
p { color: #FF0000; }
</style>
element { background: code; }
Configuració del color de fons del paràgraf en vermell:
Configuració del color de fons d'un paràgraf específic:
<p style="background: #FF0000;">Some text ...</p>
Visualització:
Algun text...
Configuració del color de fons de tots els paràgrafs:
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
Configuració del color de la vora del paràgraf en vermell, verd, blau i negre:
Configuració del color de la vora d'un paràgraf específic:
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
Visualització:
Algun text...
Configuració del color de la vora de tots els paràgrafs:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
Color | Nom del color HTML/CSS |
Codi hexadecimal #RRGGBB |
Codi decimal (R,G,B) |
---|---|---|---|
salmó lleuger | #FFA07A | rgb (255.160.122) | |
salmó | #FA8072 | rgb (250.128.114) | |
salmó fosc | #E9967A | rgb (233.150.122) | |
corall clar | #F08080 | rgb (240.128.128) | |
vermell indi | #CD5C5C | rgb(205,92,92) | |
carmesí | #DC143C | rgb(220,20,60) | |
maó refractari | #B22222 | rgb(178,34,34) | |
vermell | #FF0000 | rgb(255,0,0) | |
vermell fosc | #8B0000 | rgb(139,0,0) |
Color | Nom del color HTML/CSS |
Codi hexadecimal #RRGGBB |
Codi decimal (R,G,B) |
---|---|---|---|
corall | #FF7F50 | rgb (255.127.80) | |
tomàquet | #FF6347 | rgb(255,99,71) | |
vermell taronja | #FF4500 | rgb(255,69,0) | |
or | #FFD700 | rgb(255.215.0) | |
taronja | #FFA500 | rgb(255.165.0) | |
taronja fosca | #FF8C00 | rgb(255,140,0) |
Color | Nom del color HTML/CSS |
Codi hexadecimal #RRGGBB |
Codi decimal (R,G,B) |
---|---|---|---|
groc clar | #FFFFE0 | rgb(255.255.224) | |
chiffon de llimona | #FFFACD | rgb (255.250.205) | |
color groc daurat clar | #FAFAD2 | rgb (250.250.210) | |
papaia | #FFEFD5 | rgb (255.239.213) | |
mocassí | #FFE4B5 | rgb (255.228.181) | |
peachpuff | #FFDAB9 | rgb (255.218.185) | |
vara d'or pàl·lida | #EEE8AA | rgb (238.232.170) | |
caqui | #F0E68C | rgb (240.230.140) | |
caqui fosc | #BDB76B | rgb (189.183.107) | |
groc | #FFFF00 | rgb(255.255.0) |
Color | Nom del color HTML/CSS |
Codi hexadecimal #RRGGBB |
Codi decimal (R,G,B) |
---|---|---|---|
gespa | #7CFC00 | rgb(124.252,0) | |
chartreuse | #7FFF00 | rgb(127.255,0) | |
verd llima | #32CD32 | rgb(50.205.50) | |
Lima | #00FF00 | rgb(0.255.0) | |
verd boscós | #228B22 | rgb(34.139.34) | |
verd | #008000 | rgb(0,128,0) | |
verd fosc | #006400 | rgb(0,100,0) | |
verd groc | #ADFF2F | rgb (173.255.47) | |
groc verd | #9ACD32 | rgb (154.205.50) | |
verd primaveral | #00FF7F | rgb(0.255.127) | |
verd primaveral mitjà | #00FA9A | rgb(0.250.154) | |
Verd clar | #90EE90 | rgb (144.238.144) | |
verd pàl·lid | #98FB98 | rgb (152.251.152) | |
verd marí fosc | #8FBC8F | rgb (143.188.143) | |
verd marí mitjà | #3CB371 | rgb (60.179.113) | |
verd marí | #2E8B57 | rgb (46.139.87) | |
Oliva | #808000 | rgb(128,128,0) | |
verd fosc | #556B2F | rgb (85.107.47) | |
olivedrab | #6B8E23 | rgb (107.142.35) |
Color | Nom del color HTML/CSS |
Codi hexadecimal #RRGGBB |
Codi decimal (R,G,B) |
---|---|---|---|
cian clar | #E0FFFF | rgb (224.255.255) | |
cian | #00FFFF | rgb(0.255.255) | |
aqua | #00FFFF | rgb(0.255.255) | |
aiguamarina | #7FFFD4 | rgb (127.255.212) | |
aiguamarina mitjana | #66CDAA | rgb (102.205.170) | |
paleturquesa | #AFEEEE | rgb (175.238.238) | |
turquesa | #40E0D0 | rgb (64.224.208) | |
turquesa mitjà | #48D1CC | rgb (72.209.204) | |
turquesa fosc | #00CED1 | rgb (0.206.209) | |
verd clar | #20B2AA | rgb (32.178.170) | |
blau cadet | #5F9EA0 | rgb (95.158.160) | |
cian fosc | #008B8B | rgb(0.139.139) | |
verd blavós | #008080 | rgb(0.128.128) |
Color | Nom del color HTML/CSS |
Codi hexadecimal #RRGGBB |
Codi decimal (R,G,B) |
---|---|---|---|
blau pols | #B0E0E6 | rgb (176.224.230) | |
blau clar | #ADD8E6 | rgb (173.216.230) | |
blau cel clar | #87CEFA | rgb (135.206.250) | |
cel blau | #87CEEB | rgb (135.206.235) | |
blau cel profund | #00BFFF | rgb (0.191.255) | |
blau acer clar | #B0C4DE | rgb (176.196.222) | |
dodgerblue | #1E90FF | rgb (30.144.255) | |
blau de blat de moro | #6495ED | rgb (100.149.237) | |
blau acer | #4682B4 | rgb (70.130.180) | |
blau reial | #4169E1 | rgb (65.105.225) | |
blau | #0000FF | rgb(0,0,255) | |
blau mitjà | #0000CD | rgb(0,0,205) | |
blau fosc | #00008B | rgb(0,0,139) | |
marina | #000080 | rgb(0,0,128) | |
blau mitjanit | #191970 | rgb(25,25,112) | |
blau pissarra mitjà | #7B68EE | rgb (123.104.238) | |
blau pissarra | #6A5ACD | rgb(106,90,205) | |
blau pissarra fosc | #483D8B | rgb(72,61,139) |
Color | Nom del color HTML/CSS |
Codi hexadecimal #RRGGBB |
Codi decimal (R,G,B) |
---|---|---|---|
lavanda | #E6E6FA | rgb(230.230.250) | |
card | #D8BFD8 | rgb (216.191.216) | |
pruna | #DDA0DD | rgb (221.160.221) | |
violeta | #EE82EE | rgb(238.130.238) | |
orquídia | #DA70D6 | rgb (218.112.214) | |
fúcsia | #FF00FF | rgb(255,0,255) | |
magenta | #FF00FF | rgb(255,0,255) | |
orquídia mitjana | #BA55D3 | rgb(186,85,211) | |
morat mitjà | #9370DB | rgb (147.112.219) | |
blau violeta | #8A2BE2 | rgb(138,43,226) | |
violeta fosc | #9400D3 | rgb(148,0,211) | |
foscor | #9932CC | rgb(153,50,204) | |
magenta fosc | #8B008B | rgb(139,0,139) | |
porpra | #800080 | rgb(128,0,128) | |
indigo | #4B0082 | rgb(75,0,130) |
Color | Nom del color HTML/CSS |
Codi hexadecimal #RRGGBB |
Codi decimal (R,G,B) |
---|---|---|---|
rosa | #FFC0CB | rgb (255.192.203) | |
Rosa clar | #FFB6C1 | rgb (255.182.193) | |
rosa calent | #FF69B4 | rgb (255.105.180) | |
rosa profund | #FF1493 | rgb(255,20,147) | |
color violeta pàl·lid | #DB7093 | rgb (219.112.147) | |
violeta mitjà | #C71585 | rgb(199,21,133) |
Color | Nom del color HTML/CSS |
Codi hexadecimal #RRGGBB |
Codi decimal (R,G,B) |
---|---|---|---|
blanc | #FFFFFF | rgb(255.255.255) | |
neu | #FFFAFA | rgb (255.250.250) | |
melada | #F0FFF0 | rgb (240.255.240) | |
crema de menta | #F5FFFA | rgb (245.255.250) | |
atzur | #F0FFFF | rgb (240.255.255) | |
alicia blau | #F0F8FF | rgb (240.248.255) | |
blanc fantasma | #F8F8FF | rgb (248.248.255) | |
fum blanc | #F5F5F5 | rgb(245.245.245) | |
petxina | #FFF5EE | rgb (255.245.238) | |
beix | #F5F5DC | rgb(245.245.220) | |
vell cordó | #FDF5E6 | rgb (253.245.230) | |
floral blanc | #FFFAF0 | rgb (255.250.240) | |
marfil | #FFFFF0 | rgb (255.255.240) | |
blanc antic | #FAEBD7 | rgb (250.235.215) | |
llençols | #FAF0E6 | rgb (250.240.230) | |
rubor d'espígol | #FFF0F5 | rgb (255.240.245) | |
mistyrose | #FFE4E1 | rgb(255.228.225) |
Color | Nom del color HTML/CSS |
Codi hexadecimal #RRGGBB |
Codi decimal (R,G,B) |
---|---|---|---|
gainsboro | #DCDCDC | rgb(220.220.220) | |
gris clar | #D3D3D3 | rgb(211.211.211) | |
plata | #C0C0C0 | rgb (192.192.192) | |
gris fosc | #A9A9A9 | rgb(169.169.169) | |
gris | #808080 | rgb(128.128.128) | |
fosc | #696969 | rgb(105,105,105) | |
gris pissarra clar | #778899 | rgb (119.136.153) | |
gris pissarra | #708090 | rgb (112.128.144) | |
gris pissarra fosc | #2F4F4F | rgb(47,79,79) | |
negre | #000000 | rgb(0,0,0) |
Color | Nom del color HTML/CSS |
Codi hexadecimal #RRGGBB |
Codi decimal (R,G,B) |
---|---|---|---|
seda de blat de moro | #FFF8DC | rgb (255.248.220) | |
blancdalmond | #FFEBCD | rgb (255.235.205) | |
sopa | #FFE4C4 | rgb (255.228.196) | |
blanc navajo | #FFMORT | rgb (255.222.173) | |
blat | #F5DEB3 | rgb (245.222.179) | |
burlywood | #DEB887 | rgb (222.184.135) | |
bronzejat | #D2B48C | rgb (210.180.140) | |
marró rosat | #BC8F8F | rgb (188.143.143) | |
marró sorrenc | #F4A460 | rgb (244.164.96) | |
vara d'or | #DAA520 | rgb (218.165.32) | |
perú | #CD853F | rgb (205.133.63) | |
xocolata | #D2691E | rgb(210,105,30) | |
marró de sella | #8B4513 | rgb(139,69,19) | |
siena | #A0522D | rgb(160,82,45) | |
marró | #A52A2A | rgb(165,42,42) | |
granat | #800000 | rgb(128,0,0) |
La nostra eina de codis de color CSS permet als usuaris utilitzar codis de color CSS. A continuació s'expliquen algunes de les característiques destacades d'aquesta utilitat.
La interfície fàcil d'utilitzar de la nostra eina de codis de color CSS us ofereix la facilitat de realitzar aquesta conversió a l'instant. Ja no necessiteu adquirir habilitats de programació per a codis de color CSS a causa de la senzillesa d'aquesta eina.
No cal que passis per cap procés de registre per utilitzar els codis de color CSS. Amb aquesta utilitat, podeu codificar l'eina de colors CSS tantes vegades com vulgueu de forma gratuïta.
Es pot accedir a aquests codis de color CSS des de qualsevol racó del món. No us haureu de preocupar per la compatibilitat d'aquesta eina en línia, ja que podeu fer-hi codis de color CSS des de qualsevol dispositiu. Tot el que necessiteu és una connexió a Internet per accedir i utilitzar aquesta eina de codis de color CSS.
Els codis de color CSS us permeten completar la mateixa tasca immediatament. No se us demanarà que seguiu procediments manuals, ja que els seus algorismes automatitzats faran la feina per vosaltres.
L'eina de codis de color CSS funciona perfectament en tots els sistemes operatius. Tant si teniu un dispositiu Mac, iOS, Android, Windows o Linux, podeu utilitzar fàcilment aquesta utilitat en línia sense haver de tenir cap molèstia.
No cal que passis per cap procés de registre per utilitzar aquesta eina de codis de color CSS. Podeu utilitzar aquesta utilitat de manera gratuïta i fer codis de color CSS il·limitats sense cap limitació.
Advertising