منتقي ألوان HTML

❮ سابق التالي ❯

اختر لونا:

أو أدخل لونًا:

أو استخدم HTML5:

اللون المختار:

الظل النص الأسود

الظل

النص الأبيض

أحمر

# ff0000

RGB (255 ، 0 ، 0)

hsl (0، 100٪، 50٪)

أفتح / أغمق:

100٪		#ffffff
95٪		# ffe6e6
90٪		#ffcccc
85٪		#ffb3b3
80٪		#ff9999
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

مسحة
مسحة عرافة RGB هسل
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 # 4000 ف RGB (64 ، 0 ، 255) hsl (255، 100٪، 50٪)
270 # 8000 ف 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٪)

التشبع
جلس عرافة RGB هسل
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٪)

خفة
خفيفة عرافة RGB هسل
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٪ #ff9999 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 (أحمر ، أخضر ، أزرق)

أحمر	لون أخضر	أزرق
255	0	0

rgb (255 ، 0 ، 0) 

# ff0000

❮ سابق التالي ❯

دروس الألوان

مخططات الألوان

اتجاهات اللون

معايير اللون

منتقي ألوان HTML

اختر لونا:

أو أدخل لونًا:

أو استخدم HTML5:

اللون المختار:

أفتح / أغمق:

RGB (أحمر ، أخضر ، أزرق)

مسحة	عرافة	RGB	هسل
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	# 4000 ف	RGB (64 ، 0 ، 255)	hsl (255، 100٪، 50٪)
270	# 8000 ف	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٪)

جلس	عرافة	RGB	هسل
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٪)

خفيفة	عرافة	RGB	هسل
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٪	#ff9999	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٪)