Selettore colore HTML

❮ Precedente Prossimo ❯

Scegli un colore:

mappa dei colori

Oppure inserisci un colore:

Oppure usa HTML5:

Colore selezionato:

Ombra testo nero

Ombra

testo bianco

rosso

#ff0000

RGB(255, 0, 0)

hsl(0, 100%, 50%)

Più chiaro/più scuro:

100%		#ffffff
95%		# ffe6e6
90%		#ffcccc
85%		#ffb3b3
80%		#ff99999
75%		#ff8080
70%		#ff6666
65%		#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

Tinta
tinta Esadecimale 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 #0080ss RGB(0, 128, 255) hsl(210, 100%, 50%)
225 #0040ss RGB(0, 64, 255) hsl(225, 100%, 50%)
240 #0000ss RGB(0, 0, 255) hsl(240, 100%, 50%)
255 #4000ss RGB(64, 0, 255) hsl(255, 100%, 50%)
270 # 8000ss 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%)

Saturazione
sab Esadecimale 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%)
65% #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%)

Leggerezza
luce Esadecimale 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%)
65% #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 (rosso, verde, blu)

rosso	Verde	Blu
255	0	0

rgb(255, 0, 0) 

#ff0000

❮ Precedente Prossimo ❯