#972b6a
RGB ( 赤 = 151, 緑 = 43, 青 = 106 )
HSL ( 色相 = 325°, 彩度 = 56%, 明度 = 38% )
H : 色相 ( 325° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #97342b : -320
15 : #97462b : -310
25 : #97582b : -300
35 : #976a2b : -290
45 : #977c2b : -280
55 : #978e2b : -270
65 : #8e972b : -260
75 : #7c972b : -250
85 : #6a972b : -240
95 : #58972b : -230
105 : #46972b : -220
115 : #34972b : -210
125 : #2b9734 : -200
135 : #2b9746 : -190
145 : #2b9758 : -180
155 : #2b976a : -170
165 : #2b977c : -160
175 : #2b978e : -150
185 : #2b8e97 : -140
195 : #2b7c97 : -130
205 : #2b6a97 : -120
215 : #2b5897 : -110
225 : #2b4697 : -100
235 : #2b3497 : -90
245 : #342b97 : -80
255 : #462b97 : -70
265 : #582b97 : -60
275 : #6a2b97 : -50
285 : #7c2b97 : -40
295 : #8e2b97 : -30
305 : #972b8e : -20
315 : #972b7c : -10
325 : #972b6a : ±0
335 : #972b58 : +10
345 : #972b46 : +20
355 : #972b34 : +30
315 : #972b7c : -10
316 : #972b7a : -9
317 : #972b78 : -8
318 : #972b77 : -7
319 : #972b75 : -6
320 : #972b73 : -5
321 : #972b71 : -4
322 : #972b6f : -3
323 : #972b6e : -2
324 : #972b6c : -1
325 : #972b6a : ±0
326 : #972b68 : +1
327 : #972b66 : +2
328 : #972b65 : +3
329 : #972b63 : +4
330 : #972b61 : +5
331 : #972b5f : +6
332 : #972b5d : +7
333 : #972b5b : +8
334 : #972b5a : +9
335 : #972b58 : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -56
2 : #635f61 : -54
4 : #655d62 : -52
6 : #675b62 : -50
8 : #695962 : -48
10 : #6b5763 : -46
12 : #6d5563 : -44
14 : #6e5363 : -42
16 : #705163 : -40
18 : #724f64 : -38
20 : #744e64 : -36
22 : #764c64 : -34
24 : #784a65 : -32
26 : #7a4865 : -30
28 : #7c4665 : -28
30 : #7e4466 : -26
32 : #804266 : -24
34 : #824066 : -22
36 : #843e67 : -20
38 : #863c67 : -18
40 : #883a67 : -16
42 : #8a3868 : -14
44 : #8c3668 : -12
46 : #8d3468 : -10
48 : #8f3269 : -8
50 : #913069 : -6
52 : #932f69 : -4
54 : #952d6a : -2
56 : #972b6a : ±0
58 : #99296a : +2
60 : #9b276b : +4
62 : #9d256b : +6
64 : #9f236b : +8
66 : #a1216c : +10
68 : #a31f6c : +12
70 : #a51d6c : +14
72 : #a71b6d : +16
74 : #a9196d : +18
76 : #ab176d : +20
78 : #ac156d : +22
80 : #ae136e : +24
82 : #b0116e : +26
84 : #b2106e : +28
86 : #b40e6f : +30
88 : #b60c6f : +32
90 : #b80a6f : +34
92 : #ba0870 : +36
94 : #bc0670 : +38
96 : #be0470 : +40
98 : #c00271 : +42
100 : #c20071 : +44
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #080206 : -36
4 : #10040b : -34
6 : #180711 : -32
8 : #200916 : -30
10 : #280b1c : -28
12 : #300d21 : -26
14 : #381027 : -24
16 : #40122d : -22
18 : #481432 : -20
20 : #501638 : -18
22 : #58193d : -16
24 : #5f1b43 : -14
26 : #671d48 : -12
28 : #6f1f4e : -10
30 : #772254 : -8
32 : #7f2459 : -6
34 : #87265f : -4
36 : #8f2864 : -2
38 : #972b6a : ±0
40 : #9f2d70 : +2
42 : #a72f75 : +4
44 : #af317b : +6
46 : #b73480 : +8
48 : #bf3686 : +10
50 : #c7388b : +12
52 : #c94090 : +14
54 : #cb4895 : +16
56 : #ce5099 : +18
58 : #d0589e : +20
60 : #d260a3 : +22
62 : #d468a7 : +24
64 : #d770ac : +26
66 : #d978b0 : +28
68 : #db80b5 : +30
70 : #dd88ba : +32
72 : #e090be : +34
74 : #e298c3 : +36
76 : #e4a0c8 : +38
78 : #e6a7cc : +40
80 : #e9afd1 : +42
82 : #ebb7d5 : +44
84 : #edbfda : +46
86 : #efc7df : +48
88 : #f2cfe3 : +50
90 : #f4d7e8 : +52
92 : #f6dfed : +54
94 : #f8e7f1 : +56
96 : #fbeff6 : +58
98 : #fdf7fa : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow