#4c705e
RGB ( 赤 = 76, 緑 = 112, 青 = 94 )
HSL ( 色相 = 150°, 彩度 = 19%, 明度 = 37% )
H : 色相 ( 150° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #704c4c : -150
10 : #70524c : -140
20 : #70584c : -130
30 : #705e4c : -120
40 : #70644c : -110
50 : #706a4c : -100
60 : #70704c : -90
70 : #6a704c : -80
80 : #64704c : -70
90 : #5e704c : -60
100 : #58704c : -50
110 : #52704c : -40
120 : #4c704c : -30
130 : #4c7052 : -20
140 : #4c7058 : -10
150 : #4c705e : ±0
160 : #4c7064 : +10
170 : #4c706a : +20
180 : #4c7070 : +30
190 : #4c6a70 : +40
200 : #4c6470 : +50
210 : #4c5e70 : +60
220 : #4c5870 : +70
230 : #4c5270 : +80
240 : #4c4c70 : +90
250 : #524c70 : +100
260 : #584c70 : +110
270 : #5e4c70 : +120
280 : #644c70 : +130
290 : #6a4c70 : +140
300 : #704c70 : +150
310 : #704c6a : +160
320 : #704c64 : +170
330 : #704c5e : +180
340 : #704c58 : +190
350 : #704c52 : +200
140 : #4c7058 : -10
141 : #4c7059 : -9
142 : #4c705a : -8
143 : #4c705a : -7
144 : #4c705b : -6
145 : #4c705b : -5
146 : #4c705c : -4
147 : #4c705d : -3
148 : #4c705d : -2
149 : #4c705e : -1
150 : #4c705e : ±0
151 : #4c705f : +1
152 : #4c7060 : +2
153 : #4c7060 : +3
154 : #4c7061 : +4
155 : #4c7061 : +5
156 : #4c7062 : +6
157 : #4c7063 : +7
158 : #4c7063 : +8
159 : #4c7064 : +9
160 : #4c7064 : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5d5f5e : -18
3 : #5c615e : -16
5 : #5a635e : -14
7 : #58655e : -12
9 : #56675e : -10
11 : #54695e : -8
13 : #526b5e : -6
15 : #506d5e : -4
17 : #4e6e5e : -2
19 : #4c705e : ±0
21 : #4b725e : +2
23 : #49745e : +4
25 : #47765e : +6
27 : #45785e : +8
29 : #437a5e : +10
31 : #417c5e : +12
33 : #3f7d5e : +14
35 : #3d7f5e : +16
37 : #3b815e : +18
39 : #3a835e : +20
41 : #38855e : +22
43 : #36875e : +24
45 : #34895e : +26
47 : #328b5e : +28
49 : #308d5e : +30
51 : #2e8e5e : +32
53 : #2c905e : +34
55 : #2a925e : +36
57 : #29945e : +38
59 : #27965e : +40
61 : #25985e : +42
63 : #239a5e : +44
65 : #219c5e : +46
67 : #1f9e5e : +48
69 : #1d9f5e : +50
71 : #1ba15e : +52
73 : #19a35e : +54
75 : #18a55e : +56
77 : #16a75e : +58
79 : #14a95e : +60
81 : #12ab5e : +62
83 : #10ad5e : +64
85 : #0eaf5e : +66
87 : #0cb05e : +68
89 : #0ab25e : +70
91 : #08b45e : +72
93 : #07b65e : +74
95 : #05b85e : +76
97 : #03ba5e : +78
99 : #01bc5e : +80
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -36
3 : #060908 : -34
5 : #0a0f0d : -32
7 : #0e1512 : -30
9 : #131b17 : -28
11 : #17211c : -26
13 : #1b2721 : -24
15 : #1f2e26 : -22
17 : #23342b : -20
19 : #273a30 : -18
21 : #2b4036 : -16
23 : #30463b : -14
25 : #344c40 : -12
27 : #385245 : -10
29 : #3c584a : -8
31 : #405e4f : -6
33 : #446454 : -4
35 : #486a59 : -2
37 : #4c705e : ±0
39 : #517663 : +2
41 : #557c69 : +4
43 : #59826e : +6
45 : #5d8973 : +8
47 : #618f78 : +10
49 : #65957d : +12
51 : #6a9a82 : +14
53 : #709e87 : +16
55 : #76a28c : +18
57 : #7da691 : +20
59 : #83aa96 : +22
61 : #89ae9c : +24
63 : #8fb3a1 : +26
65 : #95b7a6 : +28
67 : #9bbbab : +30
69 : #a1bfb0 : +32
71 : #a7c3b5 : +34
73 : #adc7ba : +36
75 : #b3cbbf : +38
77 : #b9cfc4 : +40
79 : #bfd4c9 : +42
81 : #c5d8cf : +44
83 : #cbdcd4 : +46
85 : #d1e0d9 : +48
87 : #d8e4de : +50
89 : #dee8e3 : +52
91 : #e4ece8 : +54
93 : #eaf1ed : +56
95 : #f0f5f2 : +58
97 : #f6f9f7 : +60
99 : #fcfdfc : +62
CSS入門、作ってます。
text-shadow