#956a93
RGB ( 赤 = 149, 緑 = 106, 青 = 147 )
HSL ( 色相 = 303°, 彩度 = 17%, 明度 = 50% )
H : 色相 ( 303° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #956c6a : -300
13 : #95736a : -290
23 : #957a6a : -280
33 : #95826a : -270
43 : #95896a : -260
53 : #95906a : -250
63 : #93956a : -240
73 : #8c956a : -230
83 : #85956a : -220
93 : #7d956a : -210
103 : #76956a : -200
113 : #6f956a : -190
123 : #6a956c : -180
133 : #6a9573 : -170
143 : #6a957a : -160
153 : #6a9582 : -150
163 : #6a9589 : -140
173 : #6a9590 : -130
183 : #6a9395 : -120
193 : #6a8c95 : -110
203 : #6a8595 : -100
213 : #6a7d95 : -90
223 : #6a7695 : -80
233 : #6a6f95 : -70
243 : #6c6a95 : -60
253 : #736a95 : -50
263 : #7a6a95 : -40
273 : #826a95 : -30
283 : #896a95 : -20
293 : #906a95 : -10
303 : #956a93 : ±0
313 : #956a8c : +10
323 : #956a85 : +20
333 : #956a7d : +30
343 : #956a76 : +40
353 : #956a6f : +50
293 : #906a95 : -10
294 : #916a95 : -9
295 : #926a95 : -8
296 : #926a95 : -7
297 : #936a95 : -6
298 : #946a95 : -5
299 : #946a95 : -4
300 : #956a95 : -3
301 : #956a94 : -2
302 : #956a94 : -1
303 : #956a93 : ±0
304 : #956a92 : +1
305 : #956a92 : +2
306 : #956a91 : +3
307 : #956a90 : +4
308 : #956a8f : +5
309 : #956a8f : +6
310 : #956a8e : +7
311 : #956a8d : +8
312 : #956a8d : +9
313 : #956a8c : +10
S : 彩度 ( 17% )
(0%) 渋い ～ 鮮やか (100%)
1 : #817e81 : -16
3 : #837c83 : -14
5 : #867985 : -12
7 : #887788 : -10
9 : #8b748a : -8
11 : #8e718c : -6
13 : #906f8e : -4
15 : #936c91 : -2
17 : #956a93 : ±0
19 : #986795 : +2
21 : #9a6598 : +4
23 : #9d629a : +6
25 : #9f609c : +8
27 : #a25d9e : +10
29 : #a45ba1 : +12
31 : #a758a3 : +14
33 : #aa55a5 : +16
35 : #ac53a8 : +18
37 : #af50aa : +20
39 : #b14eac : +22
41 : #b44baf : +24
43 : #b649b1 : +26
45 : #b946b3 : +28
47 : #bb44b5 : +30
49 : #be41b8 : +32
51 : #c13eba : +34
53 : #c33cbc : +36
55 : #c639bf : +38
57 : #c837c1 : +40
59 : #cb34c3 : +42
61 : #cd32c5 : +44
63 : #d02fc8 : +46
65 : #d22dca : +48
67 : #d52acc : +50
69 : #d728cf : +52
71 : #da25d1 : +54
73 : #dd22d3 : +56
75 : #df20d6 : +58
77 : #e21dd8 : +60
79 : #e41bda : +62
81 : #e718dc : +64
83 : #e916df : +66
85 : #ec13e1 : +68
87 : #ee11e3 : +70
89 : #f10ee6 : +72
91 : #f40be8 : +74
93 : #f609ea : +76
95 : #f906ed : +78
97 : #fb04ef : +80
99 : #fe01f1 : +82
L : 明度 ( 50% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -50
2 : #060406 : -48
4 : #0c080c : -46
6 : #120d12 : -44
8 : #181118 : -42
10 : #1e151d : -40
12 : #241923 : -38
14 : #2a1e29 : -36
16 : #30222f : -34
18 : #362635 : -32
20 : #3c2a3b : -30
22 : #422f41 : -28
24 : #483347 : -26
26 : #4e374c : -24
28 : #543b52 : -22
30 : #5a3f58 : -20
32 : #5f445e : -18
34 : #654864 : -16
36 : #6b4c6a : -14
38 : #715070 : -12
40 : #775576 : -10
42 : #7d597b : -8
44 : #835d81 : -6
46 : #896187 : -4
48 : #8f668d : -2
50 : #956a93 : ±0
52 : #997097 : +2
54 : #9e769c : +4
56 : #a27ca0 : +6
58 : #a682a4 : +8
60 : #aa88a9 : +10
62 : #af8ead : +12
64 : #b394b1 : +14
66 : #b79ab6 : +16
68 : #bba0ba : +18
70 : #c0a5be : +20
72 : #c4abc3 : +22
74 : #c8b1c7 : +24
76 : #ccb7cb : +26
78 : #d0bdcf : +28
80 : #d5c3d4 : +30
82 : #d9c9d8 : +32
84 : #ddcfdc : +34
86 : #e1d5e1 : +36
88 : #e6dbe5 : +38
90 : #eae1e9 : +40
92 : #eee7ee : +42
94 : #f2edf2 : +44
96 : #f7f3f6 : +46
98 : #fbf9fb : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow