#511a16
RGB ( 赤 = 81, 緑 = 26, 青 = 22 )
HSL ( 色相 = 4°, 彩度 = 57%, 明度 = 20% )
H : 色相 ( 4° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #501a16 : ±0
14 : #502316 : +10
24 : #502d16 : +20
34 : #503716 : +30
44 : #504116 : +40
54 : #504a16 : +50
64 : #4c5016 : +60
74 : #435016 : +70
84 : #395016 : +80
94 : #2f5016 : +90
104 : #255016 : +100
114 : #1c5016 : +110
124 : #16501a : +120
134 : #165023 : +130
144 : #16502d : +140
154 : #165037 : +150
164 : #165041 : +160
174 : #16504a : +170
184 : #164c50 : +180
194 : #164350 : +190
204 : #163950 : +200
214 : #162f50 : +210
224 : #162550 : +220
234 : #161c50 : +230
244 : #1a1650 : +240
254 : #231650 : +250
264 : #2d1650 : +260
274 : #371650 : +270
284 : #411650 : +280
294 : #4a1650 : +290
304 : #50164c : +300
314 : #501643 : +310
324 : #501639 : +320
334 : #50162f : +330
344 : #501625 : +340
354 : #50161c : +350
354 : #50161c : +350
355 : #50161b : +351
356 : #50161a : +352
357 : #501619 : +353
358 : #501618 : +354
359 : #501617 : +355
0 : #501616 : -4
1 : #501716 : -3
2 : #501816 : -2
3 : #501916 : -1
4 : #501a16 : ±0
5 : #501b16 : +1
6 : #501c16 : +2
7 : #501d16 : +3
8 : #501e16 : +4
9 : #501f16 : +5
10 : #502016 : +6
11 : #502116 : +7
12 : #502216 : +8
13 : #502316 : +9
14 : #502316 : +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 : #3b2c2b : -42
17 : #3c2b2a : -40
19 : #3d2b29 : -38
21 : #3e2a28 : -36
23 : #3f2927 : -34
25 : #402826 : -32
27 : #412725 : -30
29 : #422624 : -28
31 : #432523 : -26
33 : #442422 : -24
35 : #452421 : -22
37 : #462320 : -20
39 : #47221f : -18
41 : #48211e : -16
43 : #49201d : -14
45 : #4a1f1c : -12
47 : #4b1e1b : -10
49 : #4c1d1a : -8
51 : #4d1c19 : -6
53 : #4e1c18 : -4
55 : #4f1b17 : -2
57 : #501a16 : ±0
59 : #511915 : +2
61 : #521814 : +4
63 : #531713 : +6
65 : #541612 : +8
67 : #551511 : +10
69 : #561510 : +12
71 : #57140f : +14
73 : #58130e : +16
75 : #59120d : +18
77 : #5a110c : +20
79 : #5b100b : +22
81 : #5c0f0a : +24
83 : #5d0e09 : +26
85 : #5e0d08 : +28
87 : #5f0d07 : +30
89 : #600c06 : +32
91 : #610b05 : +34
93 : #620a04 : +36
95 : #630903 : +38
97 : #640802 : +40
99 : #650701 : +42
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #080302 : -18
4 : #100504 : -16
6 : #180807 : -14
8 : #200a09 : -12
10 : #280d0b : -10
12 : #300f0d : -8
14 : #38120f : -6
16 : #401512 : -4
18 : #481714 : -2
20 : #501a16 : ±0
22 : #581c18 : +2
24 : #601f1a : +4
26 : #68221d : +6
28 : #70241f : +8
30 : #782721 : +10
32 : #802923 : +12
34 : #882c25 : +14
36 : #902e27 : +16
38 : #98312a : +18
40 : #a0342c : +20
42 : #a8362e : +22
44 : #b03930 : +24
46 : #b83b32 : +26
48 : #c03e35 : +28
50 : #c84137 : +30
52 : #ca483f : +32
54 : #cd5047 : +34
56 : #cf574f : +36
58 : #d15f57 : +38
60 : #d3675f : +40
62 : #d56e67 : +42
64 : #d8766f : +44
66 : #da7d77 : +46
68 : #dc857f : +48
70 : #de8d87 : +50
72 : #e0948f : +52
74 : #e29c97 : +54
76 : #e5a49f : +56
78 : #e7aba7 : +58
80 : #e9b3af : +60
82 : #ebbab7 : +62
84 : #edc2bf : +64
86 : #f0cac7 : +66
88 : #f2d1cf : +68
90 : #f4d9d7 : +70
92 : #f6e1df : +72
94 : #f8e8e7 : +74
96 : #fbf0ef : +76
98 : #fdf7f7 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow