#8d1b63
RGB ( 赤 = 141, 緑 = 27, 青 = 99 )
HSL ( 色相 = 322°, 彩度 = 68%, 明度 = 33% )
H : 色相 ( 322° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #8d1f1b : -320
12 : #8d321b : -310
22 : #8d451b : -300
32 : #8d581b : -290
42 : #8d6b1b : -280
52 : #8d7e1b : -270
62 : #8a8d1b : -260
72 : #768d1b : -250
82 : #638d1b : -240
92 : #508d1b : -230
102 : #3d8d1b : -220
112 : #2a8d1b : -210
122 : #1b8d1f : -200
132 : #1b8d32 : -190
142 : #1b8d45 : -180
152 : #1b8d58 : -170
162 : #1b8d6b : -160
172 : #1b8d7e : -150
182 : #1b8a8d : -140
192 : #1b768d : -130
202 : #1b638d : -120
212 : #1b508d : -110
222 : #1b3d8d : -100
232 : #1b2a8d : -90
242 : #1f1b8d : -80
252 : #321b8d : -70
262 : #451b8d : -60
272 : #581b8d : -50
282 : #6b1b8d : -40
292 : #7e1b8d : -30
302 : #8d1b8a : -20
312 : #8d1b76 : -10
322 : #8d1b63 : ±0
332 : #8d1b50 : +10
342 : #8d1b3d : +20
352 : #8d1b2a : +30
312 : #8d1b76 : -10
313 : #8d1b75 : -9
314 : #8d1b73 : -8
315 : #8d1b71 : -7
316 : #8d1b6f : -6
317 : #8d1b6d : -5
318 : #8d1b6b : -4
319 : #8d1b69 : -3
320 : #8d1b67 : -2
321 : #8d1b65 : -1
322 : #8d1b63 : ±0
323 : #8d1b62 : +1
324 : #8d1b60 : +2
325 : #8d1b5e : +3
326 : #8d1b5c : +4
327 : #8d1b5a : +5
328 : #8d1b58 : +6
329 : #8d1b56 : +7
330 : #8d1b54 : +8
331 : #8d1b52 : +9
332 : #8d1b50 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #545454 : -68
2 : #565255 : -66
4 : #585155 : -64
6 : #594f55 : -62
8 : #5b4d56 : -60
10 : #5d4c56 : -58
12 : #5e4a57 : -56
14 : #604857 : -54
16 : #624758 : -52
18 : #634558 : -50
20 : #654359 : -48
22 : #674259 : -46
24 : #68405a : -44
26 : #6a3e5a : -42
28 : #6c3d5a : -40
30 : #6d3b5b : -38
32 : #6f395b : -36
34 : #71385c : -34
36 : #72365c : -32
38 : #74345d : -30
40 : #76325d : -28
42 : #77315e : -26
44 : #792f5e : -24
46 : #7b2d5e : -22
48 : #7d2c5f : -20
50 : #7e2a5f : -18
52 : #802860 : -16
54 : #822760 : -14
56 : #832561 : -12
58 : #852361 : -10
60 : #872262 : -8
62 : #882062 : -6
64 : #8a1e63 : -4
66 : #8c1d63 : -2
68 : #8d1b63 : ±0
70 : #8f1964 : +2
72 : #911864 : +4
74 : #921665 : +6
76 : #941465 : +8
78 : #961366 : +10
80 : #971166 : +12
82 : #990f67 : +14
84 : #9b0d67 : +16
86 : #9d0c67 : +18
88 : #9e0a68 : +20
90 : #a00868 : +22
92 : #a20769 : +24
94 : #a30569 : +26
96 : #a5036a : +28
98 : #a7026a : +30
100 : #a8006b : +32
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -32
3 : #0d0209 : -30
5 : #15040f : -28
7 : #1e0615 : -26
9 : #27071b : -24
11 : #2f0921 : -22
13 : #380b27 : -20
15 : #400c2d : -18
17 : #490e33 : -16
19 : #511039 : -14
21 : #5a113f : -12
23 : #631345 : -10
25 : #6b144b : -8
27 : #741651 : -6
29 : #7c1857 : -4
31 : #85195d : -2
33 : #8d1b63 : ±0
35 : #961d69 : +2
37 : #9f1e6f : +4
39 : #a72075 : +6
41 : #b0217c : +8
43 : #b82382 : +10
45 : #c12588 : +12
47 : #c9268e : +14
49 : #d22894 : +16
51 : #d72d99 : +18
53 : #d9369d : +20
55 : #da3ea1 : +22
57 : #dc47a5 : +24
59 : #de4fa9 : +26
61 : #df58ae : +28
63 : #e160b2 : +30
65 : #e269b6 : +32
67 : #e472ba : +34
69 : #e67abe : +36
71 : #e783c2 : +38
73 : #e98bc7 : +40
75 : #eb94cb : +42
77 : #ec9ccf : +44
79 : #eea5d3 : +46
81 : #efaed7 : +48
83 : #f1b6dc : +50
85 : #f3bfe0 : +52
87 : #f4c7e4 : +54
89 : #f6d0e8 : +56
91 : #f8d8ec : +58
93 : #f9e1f0 : +60
95 : #fbeaf5 : +62
97 : #fdf2f9 : +64
99 : #fefbfd : +66
CSS入門、作ってます。
text-shadow