HTML Renk Seçici

❮ Öncesi Sonraki ❯

Bir renk seç:

renk haritası

Veya Bir Renk Girin:

Veya HTML5 Kullanın:

Seçilen Renk:

Siyah Metin

Gölgesi

Beyaz Metin

Gölgesi

kırmızı

#ff0000

rgb(255, 0, 0)

hsl(0, %100, %50)

Daha Açık / Daha Koyu:

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

renk tonu
renk tonu altıgen 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 # 00bffff 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)

Doyma
oturdu altıgen 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%)

hafiflik
ışık altıgen 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 (Kırmızı, Yeşil, Mavi)

kırmızı	Yeşil	Mavi
255	0	0

rgb(255, 0, 0) 

#ff0000

❮ Öncesi Sonraki ❯