Selector de color HTML

❮ Anterior Próximo ❯

Elige un color:

mapa de colores

O ingrese un color:

O usa HTML5:

Color seleccionado:

Sombra de texto negra

Sombra

de texto blanca

rojo

#ff0000

rgb(255, 0, 0)

hsl(0, 100%, 50%)

Más claro / Más oscuro:

100%		#ffffff
95%		# ffe6e6
90%		#ffcccc
85%		#ffb3b3
80%		#ff99999
75%		#ff8080
70%		#ff6666
sesenta y cinco%		#ff4d4d
60%		#ff3333
55%		#ff1a1a

50%		#ff0000

45%		#e60000
40%		#cc0000
35%		#b30000
30%		#990000
25%		#800000
20%		#660000
15%		#4d0000
10%		#330000
5%		#1a0000
0%		#000000

Matiz
matiz Maleficio RGB hsl
0 #ff0000 rgb(255, 0, 0) hsl(0, 100%, 50%)
15 #ff4000 RGB (255, 64, 0) hsl(15, 100%, 50%)
30 #ff8000 rgb(255, 128, 0) hsl(30, 100%, 50%)
45 #ffbf00 rgb(255, 191, 0) hsl(45, 100%, 50%)
60 #ffff00 RGB (255, 255, 0) hsl(60, 100%, 50%)
75 #bfff00 rgb(191, 255, 0) hsl(75, 100%, 50%)
90 #80ff00 rgb(128, 255, 0) hsl(90, 100%, 50%)
105 #40ff00 rgb(64, 255, 0) hsl(105, 100%, 50%)
120 #00ff00 rgb(0, 255, 0) hsl(120, 100%, 50%)
135 #00ff40 rgb(0, 255, 64) hsl(135, 100%, 50%)
150 #00ff80 rgb(0, 255, 128) hsl(150, 100%, 50%)
165 #00ffbf rgb(0, 255, 191) hsl(165, 100%, 50%)
180 #00ffff rgb(0, 255, 255) hsl(180, 100%, 50%)
195 #00bfff rgb(0, 191, 255) hsl(195, 100%, 50%)
210 #0080ff rgb(0, 128, 255) hsl(210, 100%, 50%)
225 #0040ff rgb(0, 64, 255) hsl(225, 100%, 50%)
240 #0000ff rgb(0, 0, 255) hsl(240, 100%, 50%)
255 #4000ff rgb(64, 0, 255) hsl(255, 100%, 50%)
270 # 8000ff rgb(128, 0, 255) hsl(270, 100%, 50%)
285 #bf00ff rgb(191, 0, 255) hsl(285, 100%, 50%)
300 #ff00ff rgb(255, 0, 255) hsl(300, 100%, 50%)
315 #ff00bf rgb(255, 0, 191) hsl(315, 100%, 50%)
330 #ff0080 RGB (255, 0, 128) hsl(330, 100%, 50%)
345 #ff0040 rgb(255, 0, 64) hsl(345, 100%, 50%)
360 #ff0000 rgb(255, 0, 0) hsl(0, 100%, 50%)

Saturación
se sentó Maleficio RGB hsl
100% #ff0000 rgb(255, 0, 0) hsl(0, 100%, 50%)
95% #f90606 RGB (249, 6, 6) hsl(0, 95%, 50%)
90% #f20d0d RGB (242, 13, 13) hsl(0, 90%, 50%)
85% #ec1313 RGB (236, 19, 19) hsl(0, 85%, 50%)
80% #e61919 RGB (230, 25, 25) hsl(0, 80%, 50%)
75% #df2020 RGB (223, 32, 32) hsl(0, 75%, 50%)
70% #d92626 RGB (217, 38, 38) hsl(0, 70%, 50%)
sesenta y cinco% #d22d2d RGB (210, 45, 45) hsl(0, 65%, 50%)
60% #cc3333 rgb(204, 51, 51) hsl(0, 60%, 50%)
55% #c63939 rgb(198, 57, 57) hsl(0, 55%, 50%)
50% #bf4040 rgb(191, 64, 64) hsl(0, 50%, 50%)
45% #b94646 RGB (185, 70, 70) hsl(0, 45%, 50%)
40% #b34d4d RGB (179, 77, 77) hsl(0, 40%, 50%)
35% #ac5353 RGB (172, 83, 83) hsl(0, 35%, 50%)
30% #a65959 RGB (166, 89, 89) hsl(0, 30%, 50%)
25% #9f6060 RGB (159, 96, 96) hsl(0, 25%, 50%)
20% #996666 RGB (153, 102, 102) hsl(0, 20%, 50%)
15% #936c6c RGB (147, 108, 108) hsl(0, 15%, 50%)
10% #8c7373 RGB (140, 115, 115) hsl(0, 10%, 50%)
5% #867979 RGB (134, 121, 121) hsl(0, 5%, 50%)
0% #808080 RGB (128, 128, 128) hsl(0, 0%, 50%)

Ligereza
ligero Maleficio RGB hsl
100% #ffffff RGB (255, 255, 255) hsl(0, 100%, 100%)
95% # ffe6e6 RGB (255, 230, 230) hsl(0, 100%, 95%)
90% #ffcccc RGB (255, 204, 204) hsl(0, 100%, 90%)
85% #ffb3b3 RGB (255, 179, 179) hsl(0, 100%, 85%)
80% #ff99999 RGB (255, 153, 153) hsl(0, 100%, 80%)
75% #ff8080 RGB (255, 128, 128) hsl(0, 100%, 75%)
70% #ff6666 RGB (255, 102, 102) hsl(0, 100%, 70%)
sesenta y cinco% #ff4d4d rgb(255, 77, 77) hsl(0, 100%, 65%)
60% #ff3333 RGB (255, 51, 51) hsl(0, 100%, 60%)
55% #ff1a1a RGB (255, 26, 26) hsl(0, 100%, 55%)
50% #ff0000 rgb(255, 0, 0) hsl(0, 100%, 50%)
45% #e60000 rgb(230, 0, 0) hsl(0, 100%, 45%)
40% #cc0000 rgb(204, 0, 0) hsl(0, 100%, 40%)
35% #b30000 RGB(179, 0, 0) hsl(0, 100%, 35%)
30% #990000 rgb(153, 0, 0) hsl(0, 100%, 30%)
25% #800000 RGB(128, 0, 0) hsl(0, 100%, 25%)
20% #660000 RGB(102, 0, 0) hsl(0, 100%, 20%)
15% #4d0000 rgb(77, 0, 0) hsl(0, 100%, 15%)
10% #330000 rgb(51, 0, 0) hsl(0, 100%, 10%)
5% #1a0000 rgb(26, 0, 0) hsl(0, 100%, 5%)
0% #000000 rgb(0, 0, 0) hsl(0, 100%, 0%)

RGB (Rojo, Verde, Azul)

rojo	Verde	Azul
255	0	0

rgb(255, 0, 0) 

#ff0000

❮ Anterior Próximo ❯