#504316
RGB ( 赤 = 80, 緑 = 67, 青 = 22 )
HSL ( 色相 = 47°, 彩度 = 57%, 明度 = 20% )
H : 色相 ( 47° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #501d16 : -40
17 : #502616 : -30
27 : #503016 : -20
37 : #503a16 : -10
47 : #504316 : ±0
57 : #504d16 : +10
67 : #495016 : +20
77 : #405016 : +30
87 : #365016 : +40
97 : #2c5016 : +50
107 : #235016 : +60
117 : #195016 : +70
127 : #16501d : +80
137 : #165026 : +90
147 : #165030 : +100
157 : #16503a : +110
167 : #165043 : +120
177 : #16504d : +130
187 : #164950 : +140
197 : #164050 : +150
207 : #163650 : +160
217 : #162c50 : +170
227 : #162350 : +180
237 : #161950 : +190
247 : #1d1650 : +200
257 : #261650 : +210
267 : #301650 : +220
277 : #3a1650 : +230
287 : #431650 : +240
297 : #4d1650 : +250
307 : #501649 : +260
317 : #501640 : +270
327 : #501636 : +280
337 : #50162c : +290
347 : #501623 : +300
357 : #501619 : +310
37 : #503a16 : -10
38 : #503b16 : -9
39 : #503c16 : -8
40 : #503d16 : -7
41 : #503e16 : -6
42 : #503f16 : -5
43 : #504016 : -4
44 : #504116 : -3
45 : #504216 : -2
46 : #504316 : -1
47 : #504316 : ±0
48 : #504416 : +1
49 : #504516 : +2
50 : #504616 : +3
51 : #504716 : +4
52 : #504816 : +5
53 : #504916 : +6
54 : #504a16 : +7
55 : #504b16 : +8
56 : #504c16 : +9
57 : #504d16 : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #343332 : -56
3 : #353431 : -54
5 : #363430 : -52
7 : #37352f : -50
9 : #38362e : -48
11 : #39362d : -46
13 : #3a372c : -44
15 : #3b372b : -42
17 : #3c382a : -40
19 : #3d3829 : -38
21 : #3e3928 : -36
23 : #3f3a27 : -34
25 : #403a26 : -32
27 : #413b25 : -30
29 : #423b24 : -28
31 : #433c23 : -26
33 : #443d22 : -24
35 : #453d21 : -22
37 : #463e20 : -20
39 : #473e1f : -18
41 : #483f1e : -16
43 : #493f1d : -14
45 : #4a401c : -12
47 : #4b411b : -10
49 : #4c411a : -8
51 : #4d4219 : -6
53 : #4e4218 : -4
55 : #4f4317 : -2
57 : #504316 : ±0
59 : #514415 : +2
61 : #524514 : +4
63 : #534513 : +6
65 : #544612 : +8
67 : #554611 : +10
69 : #564710 : +12
71 : #57480f : +14
73 : #58480e : +16
75 : #59490d : +18
77 : #5a490c : +20
79 : #5b4a0b : +22
81 : #5c4a0a : +24
83 : #5d4b09 : +26
85 : #5e4c08 : +28
87 : #5f4c07 : +30
89 : #604d06 : +32
91 : #614d05 : +34
93 : #624e04 : +36
95 : #634e03 : +38
97 : #644f02 : +40
99 : #655001 : +42
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #080702 : -18
4 : #100d04 : -16
6 : #181407 : -14
8 : #201b09 : -12
10 : #28220b : -10
12 : #30280d : -8
14 : #382f0f : -6
16 : #403612 : -4
18 : #483d14 : -2
20 : #504316 : ±0
22 : #584a18 : +2
24 : #60511a : +4
26 : #68581d : +6
28 : #705e1f : +8
30 : #786521 : +10
32 : #806c23 : +12
34 : #887325 : +14
36 : #907927 : +16
38 : #98802a : +18
40 : #a0872c : +20
42 : #a88e2e : +22
44 : #b09430 : +24
46 : #b89b32 : +26
48 : #c0a235 : +28
50 : #c8a937 : +30
52 : #caac3f : +32
54 : #cdb047 : +34
56 : #cfb34f : +36
58 : #d1b657 : +38
60 : #d3ba5f : +40
62 : #d5bd67 : +42
64 : #d8c16f : +44
66 : #dac477 : +46
68 : #dcc87f : +48
70 : #decb87 : +50
72 : #e0cf8f : +52
74 : #e2d297 : +54
76 : #e5d69f : +56
78 : #e7d9a7 : +58
80 : #e9dcaf : +60
82 : #ebe0b7 : +62
84 : #ede3bf : +64
86 : #f0e7c7 : +66
88 : #f2eacf : +68
90 : #f4eed7 : +70
92 : #f6f1df : +72
94 : #f8f5e7 : +74
96 : #fbf8ef : +76
98 : #fdfcf7 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow