เครื่องมือเลือกสี HTML

❮ ก่อนหน้า ถัดไป ❯

เลือกสี:

แผนที่สี

หรือใส่สี:

หรือใช้ HTML5:

สีที่เลือก:

เงาข้อความสีดำ

เงา

ข้อความสีขาว

สีแดง

#ff0000

rgb(255, 0, 0)

hsl(0, 100%, 50%)

เบากว่า / เข้มกว่า:

100%		#ffffff
95%		#fe6e6
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%		#80000
20%		#660000
15%		#4d0000
10%		#330000
5%		#1a0000
0%		#000000

เว้
สี Hex 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%)

ความอิ่มตัว
นั่ง Hex 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%)

ความสว่าง
แสงสว่าง Hex Rgb Hsl
100% #ffffff rgb(255, 255, 255) hsl(0, 100%, 100%)
95% #fe6e6 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% #80000 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 (แดง เขียว น้ำเงิน)

สีแดง	เขียว	สีฟ้า
255	0	0

rgb(255, 0, 0) 

#ff0000

❮ ก่อนหน้า ถัดไป ❯