#51162b
RGB ( 赤 = 81, 緑 = 22, 青 = 43 )
HSL ( 色相 = 339°, 彩度 = 57%, 明度 = 20% )
H : 色相 ( 339° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #501f16 : -330
19 : #502816 : -320
29 : #503216 : -310
39 : #503c16 : -300
49 : #504516 : -290
59 : #504f16 : -280
69 : #475016 : -270
79 : #3e5016 : -260
89 : #345016 : -250
99 : #2a5016 : -240
109 : #215016 : -230
119 : #175016 : -220
129 : #16501f : -210
139 : #165028 : -200
149 : #165032 : -190
159 : #16503c : -180
169 : #165045 : -170
179 : #16504f : -160
189 : #164750 : -150
199 : #163e50 : -140
209 : #163450 : -130
219 : #162a50 : -120
229 : #162150 : -110
239 : #161750 : -100
249 : #1f1650 : -90
259 : #281650 : -80
269 : #321650 : -70
279 : #3c1650 : -60
289 : #451650 : -50
299 : #4f1650 : -40
309 : #501647 : -30
319 : #50163e : -20
329 : #501634 : -10
339 : #50162a : ±0
349 : #501621 : +10
359 : #501617 : +20
329 : #501634 : -10
330 : #501633 : -9
331 : #501632 : -8
332 : #501631 : -7
333 : #501630 : -6
334 : #50162f : -5
335 : #50162e : -4
336 : #50162d : -3
337 : #50162c : -2
338 : #50162b : -1
339 : #50162a : ±0
340 : #501629 : +1
341 : #501628 : +2
342 : #501627 : +3
343 : #501626 : +4
344 : #501625 : +5
345 : #501624 : +6
346 : #501623 : +7
347 : #501623 : +8
348 : #501622 : +9
349 : #501621 : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #343233 : -56
3 : #353133 : -54
5 : #363032 : -52
7 : #372f32 : -50
9 : #382e32 : -48
11 : #392d31 : -46
13 : #3a2c31 : -44
15 : #3b2b31 : -42
17 : #3c2a30 : -40
19 : #3d2930 : -38
21 : #3e2830 : -36
23 : #3f272f : -34
25 : #40262f : -32
27 : #41252f : -30
29 : #42242f : -28
31 : #43232e : -26
33 : #44222e : -24
35 : #45212e : -22
37 : #46202d : -20
39 : #471f2d : -18
41 : #481e2d : -16
43 : #491d2c : -14
45 : #4a1c2c : -12
47 : #4b1b2c : -10
49 : #4c1a2c : -8
51 : #4d192b : -6
53 : #4e182b : -4
55 : #4f172b : -2
57 : #50162a : ±0
59 : #51152a : +2
61 : #52142a : +4
63 : #531329 : +6
65 : #541229 : +8
67 : #551129 : +10
69 : #561028 : +12
71 : #570f28 : +14
73 : #580e28 : +16
75 : #590d28 : +18
77 : #5a0c27 : +20
79 : #5b0b27 : +22
81 : #5c0a27 : +24
83 : #5d0926 : +26
85 : #5e0826 : +28
87 : #5f0726 : +30
89 : #600625 : +32
91 : #610525 : +34
93 : #620425 : +36
95 : #630324 : +38
97 : #640224 : +40
99 : #650124 : +42
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #080204 : -18
4 : #100408 : -16
6 : #18070d : -14
8 : #200911 : -12
10 : #280b15 : -10
12 : #300d19 : -8
14 : #380f1e : -6
16 : #401222 : -4
18 : #481426 : -2
20 : #50162a : ±0
22 : #58182f : +2
24 : #601a33 : +4
26 : #681d37 : +6
28 : #701f3b : +8
30 : #78213f : +10
32 : #802344 : +12
34 : #882548 : +14
36 : #90274c : +16
38 : #982a50 : +18
40 : #a02c55 : +20
42 : #a82e59 : +22
44 : #b0305d : +24
46 : #b83261 : +26
48 : #c03565 : +28
50 : #c8376a : +30
52 : #ca3f70 : +32
54 : #cd4776 : +34
56 : #cf4f7c : +36
58 : #d15782 : +38
60 : #d35f88 : +40
62 : #d5678e : +42
64 : #d86f94 : +44
66 : #da7799 : +46
68 : #dc7f9f : +48
70 : #de87a5 : +50
72 : #e08fab : +52
74 : #e297b1 : +54
76 : #e59fb7 : +56
78 : #e7a7bd : +58
80 : #e9afc3 : +60
82 : #ebb7c9 : +62
84 : #edbfcf : +64
86 : #f0c7d5 : +66
88 : #f2cfdb : +68
90 : #f4d7e1 : +70
92 : #f6dfe7 : +72
94 : #f8e7ed : +74
96 : #fbeff3 : +76
98 : #fdf7f9 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow