#9b5980
RGB ( 赤 = 155, 緑 = 89, 青 = 128 )
HSL ( 色相 = 325°, 彩度 = 27%, 明度 = 48% )
H : 色相 ( 325° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #9b5f59 : -320
15 : #9b6a59 : -310
25 : #9b7559 : -300
35 : #9b8059 : -290
45 : #9b8b59 : -280
55 : #9b9659 : -270
65 : #969b59 : -260
75 : #8b9b59 : -250
85 : #809b59 : -240
95 : #759b59 : -230
105 : #6a9b59 : -220
115 : #5f9b59 : -210
125 : #599b5f : -200
135 : #599b6a : -190
145 : #599b75 : -180
155 : #599b80 : -170
165 : #599b8b : -160
175 : #599b96 : -150
185 : #59969b : -140
195 : #598b9b : -130
205 : #59809b : -120
215 : #59759b : -110
225 : #596a9b : -100
235 : #595f9b : -90
245 : #5f599b : -80
255 : #6a599b : -70
265 : #75599b : -60
275 : #80599b : -50
285 : #8b599b : -40
295 : #96599b : -30
305 : #9b5996 : -20
315 : #9b598b : -10
325 : #9b5980 : ±0
335 : #9b5975 : +10
345 : #9b596a : +20
355 : #9b595f : +30
315 : #9b598b : -10
316 : #9b598a : -9
317 : #9b5989 : -8
318 : #9b5988 : -7
319 : #9b5987 : -6
320 : #9b5985 : -5
321 : #9b5984 : -4
322 : #9b5983 : -3
323 : #9b5982 : -2
324 : #9b5981 : -1
325 : #9b5980 : ±0
326 : #9b597f : +1
327 : #9b597e : +2
328 : #9b597d : +3
329 : #9b597c : +4
330 : #9b597a : +5
331 : #9b5979 : +6
332 : #9b5978 : +7
333 : #9b5977 : +8
334 : #9b5976 : +9
335 : #9b5975 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7c797b : -26
3 : #7e777b : -24
5 : #81747b : -22
7 : #83727c : -20
9 : #856f7c : -18
11 : #886d7d : -16
13 : #8a6a7d : -14
15 : #8d687d : -12
17 : #8f667e : -10
19 : #92637e : -8
21 : #94617f : -6
23 : #975e7f : -4
25 : #995c80 : -2
27 : #9b5980 : ±0
29 : #9e5780 : +2
31 : #a05481 : +4
33 : #a35281 : +6
35 : #a55082 : +8
37 : #a84d82 : +10
39 : #aa4b82 : +12
41 : #ad4883 : +14
43 : #af4683 : +16
45 : #b14384 : +18
47 : #b44184 : +20
49 : #b63e84 : +22
51 : #b93c85 : +24
53 : #bb3a85 : +26
55 : #be3786 : +28
57 : #c03586 : +30
59 : #c33286 : +32
61 : #c53087 : +34
63 : #c82d87 : +36
65 : #ca2b88 : +38
67 : #cc2888 : +40
69 : #cf2688 : +42
71 : #d12389 : +44
73 : #d42189 : +46
75 : #d61f8a : +48
77 : #d91c8a : +50
79 : #db1a8b : +52
81 : #de178b : +54
83 : #e0158b : +56
85 : #e2128c : +58
87 : #e5108c : +60
89 : #e70d8d : +62
91 : #ea0b8d : +64
93 : #ec098d : +66
95 : #ef068e : +68
97 : #f1048e : +70
99 : #f4018f : +72
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #060405 : -46
4 : #0d070b : -44
6 : #130b10 : -42
8 : #1a0f15 : -40
10 : #20131b : -38
12 : #271620 : -36
14 : #2d1a25 : -34
16 : #341e2b : -32
18 : #3a2230 : -30
20 : #412535 : -28
22 : #47293b : -26
24 : #4e2d40 : -24
26 : #543045 : -22
28 : #5b344b : -20
30 : #613850 : -18
32 : #683c55 : -16
34 : #6e3f5b : -14
36 : #754360 : -12
38 : #7b4765 : -10
40 : #824a6b : -8
42 : #884e70 : -6
44 : #8e5275 : -4
46 : #95567b : -2
48 : #9b5980 : ±0
50 : #a25d85 : +2
52 : #a6648a : +4
54 : #a96a8f : +6
56 : #ad7194 : +8
58 : #b17799 : +10
60 : #b57d9e : +12
62 : #b884a2 : +14
64 : #bc8aa7 : +16
66 : #c091ac : +18
68 : #c397b1 : +20
70 : #c79eb6 : +22
72 : #cba4bb : +24
74 : #cfabc0 : +26
76 : #d2b1c5 : +28
78 : #d6b8c9 : +30
80 : #dabece : +32
82 : #ddc5d3 : +34
84 : #e1cbd8 : +36
86 : #e5d2dd : +38
88 : #e9d8e2 : +40
90 : #ecdfe7 : +42
92 : #f0e5ec : +44
94 : #f4ecf0 : +46
96 : #f8f2f5 : +48
98 : #fbf9fa : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow