#706168
RGB ( 赤 = 112, 緑 = 97, 青 = 104 )
HSL ( 色相 = 332°, 彩度 = 7%, 明度 = 41% )
H : 色相 ( 332° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #706261 : -330
12 : #706461 : -320
22 : #706761 : -310
32 : #706961 : -300
42 : #706b61 : -290
52 : #706e61 : -280
62 : #6f7061 : -270
72 : #6d7061 : -260
82 : #6b7061 : -250
92 : #687061 : -240
102 : #667061 : -230
112 : #637061 : -220
122 : #617062 : -210
132 : #617064 : -200
142 : #617067 : -190
152 : #617069 : -180
162 : #61706b : -170
172 : #61706e : -160
182 : #616f70 : -150
192 : #616d70 : -140
202 : #616b70 : -130
212 : #616870 : -120
222 : #616670 : -110
232 : #616370 : -100
242 : #626170 : -90
252 : #646170 : -80
262 : #676170 : -70
272 : #696170 : -60
282 : #6b6170 : -50
292 : #6e6170 : -40
302 : #70616f : -30
312 : #70616d : -20
322 : #70616b : -10
332 : #706168 : ±0
342 : #706166 : +10
352 : #706163 : +20
322 : #70616b : -10
323 : #70616a : -9
324 : #70616a : -8
325 : #70616a : -7
326 : #70616a : -6
327 : #706169 : -5
328 : #706169 : -4
329 : #706169 : -3
330 : #706169 : -2
331 : #706168 : -1
332 : #706168 : ±0
333 : #706168 : +1
334 : #706168 : +2
335 : #706167 : +3
336 : #706167 : +4
337 : #706167 : +5
338 : #706167 : +6
339 : #706166 : +7
340 : #706166 : +8
341 : #706166 : +9
342 : #706166 : +10
S : 彩度 ( 7% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6a6868 : -6
3 : #6c6568 : -4
5 : #6e6368 : -2
7 : #706168 : ±0
9 : #725f68 : +2
11 : #745d68 : +4
13 : #765b68 : +6
15 : #785968 : +8
17 : #7a5767 : +10
19 : #7c5567 : +12
21 : #7f5367 : +14
23 : #815167 : +16
25 : #834e67 : +18
27 : #854c67 : +20
29 : #874a67 : +22
31 : #894866 : +24
33 : #8b4666 : +26
35 : #8d4466 : +28
37 : #8f4266 : +30
39 : #914066 : +32
41 : #933e66 : +34
43 : #963c66 : +36
45 : #983a65 : +38
47 : #9a3765 : +40
49 : #9c3565 : +42
51 : #9e3365 : +44
53 : #a03165 : +46
55 : #a22f65 : +48
57 : #a42d65 : +50
59 : #a62b64 : +52
61 : #a82964 : +54
63 : #aa2764 : +56
65 : #ad2564 : +58
67 : #af2364 : +60
69 : #b12064 : +62
71 : #b31e64 : +64
73 : #b51c63 : +66
75 : #b71a63 : +68
77 : #b91863 : +70
79 : #bb1663 : +72
81 : #bd1463 : +74
83 : #bf1263 : +76
85 : #c11063 : +78
87 : #c40e62 : +80
89 : #c60c62 : +82
91 : #c80962 : +84
93 : #ca0762 : +86
95 : #cc0562 : +88
97 : #ce0362 : +90
99 : #d00162 : +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 : #4a4045 : -14
29 : #4f454a : -12
31 : #554a4f : -10
33 : #5a4e54 : -8
35 : #5f5359 : -6
37 : #65585e : -4
39 : #6a5c63 : -2
41 : #706168 : ±0
43 : #75666d : +2
45 : #7b6b72 : +4
47 : #806f77 : +6
49 : #86747c : +8
51 : #8b7981 : +10
53 : #907f87 : +12
55 : #94848c : +14
57 : #998a91 : +16
59 : #9e8f96 : +18
61 : #a3959b : +20
63 : #a79aa0 : +22
65 : #aca0a5 : +24
67 : #b1a5aa : +26
69 : #b5aab0 : +28
71 : #bab0b5 : +30
73 : #bfb5ba : +32
75 : #c4bbbf : +34
77 : #c8c0c4 : +36
79 : #cdc6c9 : +38
81 : #d2cbce : +40
83 : #d7d1d3 : +42
85 : #dbd6d9 : +44
87 : #e0dcde : +46
89 : #e5e1e3 : +48
91 : #eae6e8 : +50
93 : #eeeced : +52
95 : #f3f1f2 : +54
97 : #f8f7f7 : +56
99 : #fdfcfc : +58
CSS入門、作ってます。
text-shadow