#7b5670
RGB ( 赤 = 123, 緑 = 86, 青 = 112 )
HSL ( 色相 = 318°, 彩度 = 18%, 明度 = 41% )
H : 色相 ( 318° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #7b5b56 : -310
18 : #7b6156 : -300
28 : #7b6756 : -290
38 : #7b6e56 : -280
48 : #7b7456 : -270
58 : #7b7a56 : -260
68 : #767b56 : -250
78 : #707b56 : -240
88 : #6a7b56 : -230
98 : #647b56 : -220
108 : #5d7b56 : -210
118 : #577b56 : -200
128 : #567b5b : -190
138 : #567b61 : -180
148 : #567b67 : -170
158 : #567b6e : -160
168 : #567b74 : -150
178 : #567b7a : -140
188 : #56767b : -130
198 : #56707b : -120
208 : #566a7b : -110
218 : #56647b : -100
228 : #565d7b : -90
238 : #56577b : -80
248 : #5b567b : -70
258 : #61567b : -60
268 : #67567b : -50
278 : #6e567b : -40
288 : #74567b : -30
298 : #7a567b : -20
308 : #7b5676 : -10
318 : #7b5670 : ±0
328 : #7b566a : +10
338 : #7b5664 : +20
348 : #7b565d : +30
358 : #7b5657 : +40
308 : #7b5676 : -10
309 : #7b5676 : -9
310 : #7b5675 : -8
311 : #7b5674 : -7
312 : #7b5674 : -6
313 : #7b5673 : -5
314 : #7b5673 : -4
315 : #7b5672 : -3
316 : #7b5671 : -2
317 : #7b5671 : -1
318 : #7b5670 : ±0
319 : #7b566f : +1
320 : #7b566f : +2
321 : #7b566e : +3
322 : #7b566e : +4
323 : #7b566d : +5
324 : #7b566c : +6
325 : #7b566c : +7
326 : #7b566b : +8
327 : #7b566a : +9
328 : #7b566a : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #686868 : -18
2 : #6b6669 : -16
4 : #6d646a : -14
6 : #6f626b : -12
8 : #71606c : -10
10 : #735e6d : -8
12 : #755c6e : -6
14 : #775a6e : -4
16 : #79586f : -2
18 : #7b5670 : ±0
20 : #7d5471 : +2
22 : #805272 : +4
24 : #824f73 : +6
26 : #844d73 : +8
28 : #864b74 : +10
30 : #884975 : +12
32 : #8a4776 : +14
34 : #8c4577 : +16
36 : #8e4378 : +18
38 : #904178 : +20
40 : #923f79 : +22
42 : #943d7a : +24
44 : #973b7b : +26
46 : #99387c : +28
48 : #9b367d : +30
50 : #9d347d : +32
52 : #9f327e : +34
54 : #a1307f : +36
56 : #a32e80 : +38
58 : #a52c81 : +40
60 : #a72a82 : +42
62 : #a92882 : +44
64 : #ab2683 : +46
66 : #ae2484 : +48
68 : #b02185 : +50
70 : #b21f86 : +52
72 : #b41d87 : +54
74 : #b61b87 : +56
76 : #b81988 : +58
78 : #ba1789 : +60
80 : #bc158a : +62
82 : #be138b : +64
84 : #c0118c : +66
86 : #c20f8d : +68
88 : #c50d8d : +70
90 : #c70a8e : +72
92 : #c9088f : +74
94 : #cb0690 : +76
96 : #cd0491 : +78
98 : #cf0292 : +80
100 : #d10092 : +82
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -40
3 : #090608 : -38
5 : #0f0a0e : -36
7 : #150f13 : -34
9 : #1b1319 : -32
11 : #21171e : -30
13 : #271b24 : -28
15 : #2d1f29 : -26
17 : #33242e : -24
19 : #392834 : -22
21 : #3f2c39 : -20
23 : #45303f : -18
25 : #4b3444 : -16
27 : #51384a : -14
29 : #573d4f : -12
31 : #5d4155 : -10
33 : #63455a : -8
35 : #694960 : -6
37 : #6f4d65 : -4
39 : #75526b : -2
41 : #7b5670 : ±0
43 : #815a76 : +2
45 : #875e7b : +4
47 : #8d6280 : +6
49 : #936686 : +8
51 : #996c8b : +10
53 : #9d7290 : +12
55 : #a17895 : +14
57 : #a57e99 : +16
59 : #a9849e : +18
61 : #ad8aa3 : +20
63 : #b290a7 : +22
65 : #b696ac : +24
67 : #ba9cb1 : +26
69 : #bea2b6 : +28
71 : #c2a8ba : +30
73 : #c7aebf : +32
75 : #cbb4c4 : +34
77 : #cfbac9 : +36
79 : #d3c0cd : +38
81 : #d7c6d2 : +40
83 : #dbccd7 : +42
85 : #e0d2dc : +44
87 : #e4d8e0 : +46
89 : #e8dee5 : +48
91 : #ece4ea : +50
93 : #f0eaee : +52
95 : #f5f0f3 : +54
97 : #f9f6f8 : +56
99 : #fdfcfd : +58
CSS入門、作ってます。
text-shadow