#501b16
RGB ( 赤 = 80, 緑 = 27, 青 = 22 )
HSL ( 色相 = 5°, 彩度 = 57%, 明度 = 20% )
H : 色相 ( 5° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #501b16 : ±0
15 : #502416 : +10
25 : #502e16 : +20
35 : #503816 : +30
45 : #504216 : +40
55 : #504b16 : +50
65 : #4b5016 : +60
75 : #425016 : +70
85 : #385016 : +80
95 : #2e5016 : +90
105 : #245016 : +100
115 : #1b5016 : +110
125 : #16501b : +120
135 : #165024 : +130
145 : #16502e : +140
155 : #165038 : +150
165 : #165042 : +160
175 : #16504b : +170
185 : #164b50 : +180
195 : #164250 : +190
205 : #163850 : +200
215 : #162e50 : +210
225 : #162450 : +220
235 : #161b50 : +230
245 : #1b1650 : +240
255 : #241650 : +250
265 : #2e1650 : +260
275 : #381650 : +270
285 : #421650 : +280
295 : #4b1650 : +290
305 : #50164b : +300
315 : #501642 : +310
325 : #501638 : +320
335 : #50162e : +330
345 : #501624 : +340
355 : #50161b : +350
355 : #50161b : +350
356 : #50161a : +351
357 : #501619 : +352
358 : #501618 : +353
359 : #501617 : +354
0 : #501616 : -5
1 : #501716 : -4
2 : #501816 : -3
3 : #501916 : -2
4 : #501a16 : -1
5 : #501b16 : ±0
6 : #501c16 : +1
7 : #501d16 : +2
8 : #501e16 : +3
9 : #501f16 : +4
10 : #502016 : +5
11 : #502116 : +6
12 : #502216 : +7
13 : #502316 : +8
14 : #502316 : +9
15 : #502416 : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #343332 : -56
3 : #353231 : -54
5 : #363130 : -52
7 : #37302f : -50
9 : #382f2e : -48
11 : #392e2d : -46
13 : #3a2d2c : -44
15 : #3b2d2b : -42
17 : #3c2c2a : -40
19 : #3d2b29 : -38
21 : #3e2a28 : -36
23 : #3f2927 : -34
25 : #402826 : -32
27 : #412825 : -30
29 : #422724 : -28
31 : #432623 : -26
33 : #442522 : -24
35 : #452421 : -22
37 : #462320 : -20
39 : #47221f : -18
41 : #48221e : -16
43 : #49211d : -14
45 : #4a201c : -12
47 : #4b1f1b : -10
49 : #4c1e1a : -8
51 : #4d1d19 : -6
53 : #4e1c18 : -4
55 : #4f1c17 : -2
57 : #501b16 : ±0
59 : #511a15 : +2
61 : #521914 : +4
63 : #531813 : +6
65 : #541712 : +8
67 : #551711 : +10
69 : #561610 : +12
71 : #57150f : +14
73 : #58140e : +16
75 : #59130d : +18
77 : #5a120c : +20
79 : #5b110b : +22
81 : #5c110a : +24
83 : #5d1009 : +26
85 : #5e0f08 : +28
87 : #5f0e07 : +30
89 : #600d06 : +32
91 : #610c05 : +34
93 : #620b04 : +36
95 : #630b03 : +38
97 : #640a02 : +40
99 : #650901 : +42
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #080302 : -18
4 : #100504 : -16
6 : #180807 : -14
8 : #200b09 : -12
10 : #280d0b : -10
12 : #30100d : -8
14 : #38130f : -6
16 : #401512 : -4
18 : #481814 : -2
20 : #501b16 : ±0
22 : #581d18 : +2
24 : #60201a : +4
26 : #68231d : +6
28 : #70251f : +8
30 : #782821 : +10
32 : #802b23 : +12
34 : #882e25 : +14
36 : #903027 : +16
38 : #98332a : +18
40 : #a0362c : +20
42 : #a8382e : +22
44 : #b03b30 : +24
46 : #b83e32 : +26
48 : #c04035 : +28
50 : #c84337 : +30
52 : #ca4a3f : +32
54 : #cd5247 : +34
56 : #cf5a4f : +36
58 : #d16157 : +38
60 : #d3695f : +40
62 : #d57067 : +42
64 : #d8786f : +44
66 : #da7f77 : +46
68 : #dc877f : +48
70 : #de8e87 : +50
72 : #e0968f : +52
74 : #e29d97 : +54
76 : #e5a59f : +56
78 : #e7aca7 : +58
80 : #e9b4af : +60
82 : #ebbbb7 : +62
84 : #edc3bf : +64
86 : #f0cac7 : +66
88 : #f2d2cf : +68
90 : #f4d9d7 : +70
92 : #f6e1df : +72
94 : #f8e8e7 : +74
96 : #fbf0ef : +76
98 : #fdf7f7 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow