#706167
RGB ( 赤 = 112, 緑 = 97, 青 = 103 )
HSL ( 色相 = 336°, 彩度 = 7%, 明度 = 41% )
H : 色相 ( 336° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #706361 : -330
16 : #706561 : -320
26 : #706861 : -310
36 : #706a61 : -300
46 : #706c61 : -290
56 : #706f61 : -280
66 : #6e7061 : -270
76 : #6c7061 : -260
86 : #6a7061 : -250
96 : #677061 : -240
106 : #657061 : -230
116 : #627061 : -220
126 : #617063 : -210
136 : #617065 : -200
146 : #617068 : -190
156 : #61706a : -180
166 : #61706c : -170
176 : #61706f : -160
186 : #616e70 : -150
196 : #616c70 : -140
206 : #616a70 : -130
216 : #616770 : -120
226 : #616570 : -110
236 : #616270 : -100
246 : #636170 : -90
256 : #656170 : -80
266 : #686170 : -70
276 : #6a6170 : -60
286 : #6c6170 : -50
296 : #6f6170 : -40
306 : #70616e : -30
316 : #70616c : -20
326 : #70616a : -10
336 : #706167 : ±0
346 : #706165 : +10
356 : #706162 : +20
326 : #70616a : -10
327 : #706169 : -9
328 : #706169 : -8
329 : #706169 : -7
330 : #706169 : -6
331 : #706168 : -5
332 : #706168 : -4
333 : #706168 : -3
334 : #706168 : -2
335 : #706167 : -1
336 : #706167 : ±0
337 : #706167 : +1
338 : #706167 : +2
339 : #706166 : +3
340 : #706166 : +4
341 : #706166 : +5
342 : #706166 : +6
343 : #706165 : +7
344 : #706165 : +8
345 : #706165 : +9
346 : #706165 : +10
S : 彩度 ( 7% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6a6868 : -6
3 : #6c6568 : -4
5 : #6e6368 : -2
7 : #706167 : ±0
9 : #725f67 : +2
11 : #745d66 : +4
13 : #765b66 : +6
15 : #785965 : +8
17 : #7a5765 : +10
19 : #7c5565 : +12
21 : #7f5364 : +14
23 : #815164 : +16
25 : #834e63 : +18
27 : #854c63 : +20
29 : #874a62 : +22
31 : #894862 : +24
33 : #8b4662 : +26
35 : #8d4461 : +28
37 : #8f4261 : +30
39 : #914060 : +32
41 : #933e60 : +34
43 : #963c60 : +36
45 : #983a5f : +38
47 : #9a375f : +40
49 : #9c355e : +42
51 : #9e335e : +44
53 : #a0315d : +46
55 : #a22f5d : +48
57 : #a42d5d : +50
59 : #a62b5c : +52
61 : #a8295c : +54
63 : #aa275b : +56
65 : #ad255b : +58
67 : #af235b : +60
69 : #b1205a : +62
71 : #b31e5a : +64
73 : #b51c59 : +66
75 : #b71a59 : +68
77 : #b91858 : +70
79 : #bb1658 : +72
81 : #bd1458 : +74
83 : #bf1257 : +76
85 : #c11057 : +78
87 : #c40e56 : +80
89 : #c60c56 : +82
91 : #c80956 : +84
93 : #ca0755 : +86
95 : #cc0555 : +88
97 : #ce0354 : +90
99 : #d00154 : +92
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -40
3 : #080708 : -38
5 : #0e0c0d : -36
7 : #131112 : -34
9 : #191517 : -32
11 : #1e1a1c : -30
13 : #231f21 : -28
15 : #292426 : -26
17 : #2e282b : -24
19 : #342d30 : -22
21 : #393235 : -20
23 : #3f373a : -18
25 : #443b3f : -16
27 : #4a4044 : -14
29 : #4f4549 : -12
31 : #554a4e : -10
33 : #5a4e53 : -8
35 : #5f5358 : -6
37 : #65585d : -4
39 : #6a5c62 : -2
41 : #706167 : ±0
43 : #75666c : +2
45 : #7b6b71 : +4
47 : #806f76 : +6
49 : #86747b : +8
51 : #8b7980 : +10
53 : #907f85 : +12
55 : #94848b : +14
57 : #998a90 : +16
59 : #9e8f95 : +18
61 : #a3959a : +20
63 : #a79a9f : +22
65 : #aca0a5 : +24
67 : #b1a5aa : +26
69 : #b5aaaf : +28
71 : #bab0b4 : +30
73 : #bfb5b9 : +32
75 : #c4bbbe : +34
77 : #c8c0c4 : +36
79 : #cdc6c9 : +38
81 : #d2cbce : +40
83 : #d7d1d3 : +42
85 : #dbd6d8 : +44
87 : #e0dcdd : +46
89 : #e5e1e3 : +48
91 : #eae6e8 : +50
93 : #eeeced : +52
95 : #f3f1f2 : +54
97 : #f8f7f7 : +56
99 : #fdfcfc : +58
CSS入門、作ってます。
text-shadow