#7b7f34
RGB ( 赤 = 123, 緑 = 127, 青 = 52 )
HSL ( 色相 = 63°, 彩度 = 42%, 明度 = 35% )
H : 色相 ( 63° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #7f3834 : -60
13 : #7f4434 : -50
23 : #7f5134 : -40
33 : #7f5d34 : -30
43 : #7f6934 : -20
53 : #7f7634 : -10
63 : #7b7f34 : ±0
73 : #6e7f34 : +10
83 : #627f34 : +20
93 : #567f34 : +30
103 : #497f34 : +40
113 : #3d7f34 : +50
123 : #347f38 : +60
133 : #347f44 : +70
143 : #347f51 : +80
153 : #347f5d : +90
163 : #347f69 : +100
173 : #347f76 : +110
183 : #347b7f : +120
193 : #346e7f : +130
203 : #34627f : +140
213 : #34567f : +150
223 : #34497f : +160
233 : #343d7f : +170
243 : #38347f : +180
253 : #44347f : +190
263 : #51347f : +200
273 : #5d347f : +210
283 : #69347f : +220
293 : #76347f : +230
303 : #7f347b : +240
313 : #7f346e : +250
323 : #7f3462 : +260
333 : #7f3456 : +270
343 : #7f3449 : +280
353 : #7f343d : +290
53 : #7f7634 : -10
54 : #7f7734 : -9
55 : #7f7834 : -8
56 : #7f7a34 : -7
57 : #7f7b34 : -6
58 : #7f7c34 : -5
59 : #7f7d34 : -4
60 : #7f7f34 : -3
61 : #7d7f34 : -2
62 : #7c7f34 : -1
63 : #7b7f34 : ±0
64 : #7a7f34 : +1
65 : #787f34 : +2
66 : #777f34 : +3
67 : #767f34 : +4
68 : #757f34 : +5
69 : #737f34 : +6
70 : #727f34 : +7
71 : #717f34 : +8
72 : #707f34 : +9
73 : #6e7f34 : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #595959 : -42
2 : #5b5b57 : -40
4 : #5c5d56 : -38
6 : #5e5f54 : -36
8 : #606052 : -34
10 : #616250 : -32
12 : #63644f : -30
14 : #64664d : -28
16 : #66684b : -26
18 : #686949 : -24
20 : #696b47 : -22
22 : #6b6d46 : -20
24 : #6d6f44 : -18
26 : #6e7042 : -16
28 : #707240 : -14
30 : #71743e : -12
32 : #73763d : -10
34 : #75783b : -8
36 : #767939 : -6
38 : #787b37 : -4
40 : #797d36 : -2
42 : #7b7f34 : ±0
44 : #7d8132 : +2
46 : #7e8230 : +4
48 : #80842e : +6
50 : #81862d : +8
52 : #83882b : +10
54 : #858929 : +12
56 : #868b27 : +14
58 : #888d25 : +16
60 : #898f24 : +18
62 : #8b9122 : +20
64 : #8d9220 : +22
66 : #8e941e : +24
68 : #90961d : +26
70 : #91981b : +28
72 : #939a19 : +30
74 : #959b17 : +32
76 : #969d15 : +34
78 : #989f14 : +36
80 : #9aa112 : +38
82 : #9ba210 : +40
84 : #9da40e : +42
86 : #9ea60c : +44
88 : #a0a80b : +46
90 : #a2aa09 : +48
92 : #a3ab07 : +50
94 : #a5ad05 : +52
96 : #a6af04 : +54
98 : #a8b102 : +56
100 : #aab300 : +58
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #040401 : -34
3 : #0b0b04 : -32
5 : #121207 : -30
7 : #19190a : -28
9 : #20210d : -26
11 : #272810 : -24
13 : #2e2f13 : -22
15 : #353616 : -20
17 : #3c3e19 : -18
19 : #43451c : -16
21 : #4a4c1f : -14
23 : #515322 : -12
25 : #585b25 : -10
27 : #5f6228 : -8
29 : #66692b : -6
31 : #6d702e : -4
33 : #747731 : -2
35 : #7b7f34 : ±0
37 : #828637 : +2
39 : #898d3a : +4
41 : #90943d : +6
43 : #979c40 : +8
45 : #9ea343 : +10
47 : #a5aa46 : +12
49 : #acb148 : +14
51 : #b1b74e : +16
53 : #b4b955 : +18
55 : #b8bc5c : +20
57 : #bbbf63 : +22
59 : #bec26b : +24
61 : #c1c572 : +26
63 : #c4c879 : +28
65 : #c7cb80 : +30
67 : #cbce88 : +32
69 : #ced18f : +34
71 : #d1d496 : +36
73 : #d4d79d : +38
75 : #d7daa4 : +40
77 : #dbddac : +42
79 : #dee0b3 : +44
81 : #e1e3ba : +46
83 : #e4e6c1 : +48
85 : #e7e9c9 : +50
87 : #eaecd0 : +52
89 : #eeefd7 : +54
91 : #f1f2de : +56
93 : #f4f5e6 : +58
95 : #f7f8ed : +60
97 : #fafbf4 : +62
99 : #fdfefb : +64
CSS入門、作ってます。
text-shadow