#97496c
RGB ( 赤 = 151, 緑 = 73, 青 = 108 )
HSL ( 色相 = 333°, 彩度 = 35%, 明度 = 44% )
H : 色相 ( 333° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #974d49 : -330
13 : #975a49 : -320
23 : #976749 : -310
33 : #977449 : -300
43 : #978149 : -290
53 : #978e49 : -280
63 : #949749 : -270
73 : #869749 : -260
83 : #799749 : -250
93 : #6c9749 : -240
103 : #5f9749 : -230
113 : #529749 : -220
123 : #49974d : -210
133 : #49975a : -200
143 : #499767 : -190
153 : #499774 : -180
163 : #499781 : -170
173 : #49978e : -160
183 : #499497 : -150
193 : #498697 : -140
203 : #497997 : -130
213 : #496c97 : -120
223 : #495f97 : -110
233 : #495297 : -100
243 : #4d4997 : -90
253 : #5a4997 : -80
263 : #674997 : -70
273 : #744997 : -60
283 : #814997 : -50
293 : #8e4997 : -40
303 : #974994 : -30
313 : #974986 : -20
323 : #974979 : -10
333 : #97496c : ±0
343 : #97495f : +10
353 : #974952 : +20
323 : #974979 : -10
324 : #974978 : -9
325 : #974977 : -8
326 : #974975 : -7
327 : #974974 : -6
328 : #974973 : -5
329 : #974972 : -4
330 : #974970 : -3
331 : #97496f : -2
332 : #97496e : -1
333 : #97496c : ±0
334 : #97496b : +1
335 : #97496a : +2
336 : #974968 : +3
337 : #974967 : +4
338 : #974966 : +5
339 : #974964 : +6
340 : #974963 : +7
341 : #974962 : +8
342 : #974960 : +9
343 : #97495f : +10
S : 彩度 ( 35% )
(0%) 渋い ~ 鮮やか (100%)
1 : #716f70 : -34
3 : #746d70 : -32
5 : #766b70 : -30
7 : #78686f : -28
9 : #7a666f : -26
11 : #7d646f : -24
13 : #7f626f : -22
15 : #815f6f : -20
17 : #835d6e : -18
19 : #865b6e : -16
21 : #88596e : -14
23 : #8a566e : -12
25 : #8c546d : -10
27 : #8e526d : -8
29 : #91506d : -6
31 : #934d6d : -4
33 : #954b6c : -2
35 : #97496c : ±0
37 : #9a476c : +2
39 : #9c446c : +4
41 : #9e426c : +6
43 : #a0406b : +8
45 : #a33e6b : +10
47 : #a53b6b : +12
49 : #a7396b : +14
51 : #a9376a : +16
53 : #ac356a : +18
55 : #ae326a : +20
57 : #b0306a : +22
59 : #b22e6a : +24
61 : #b52c69 : +26
63 : #b72a69 : +28
65 : #b92769 : +30
67 : #bb2569 : +32
69 : #be2368 : +34
71 : #c02168 : +36
73 : #c21e68 : +38
75 : #c41c68 : +40
77 : #c71a68 : +42
79 : #c91867 : +44
81 : #cb1567 : +46
83 : #cd1367 : +48
85 : #d01167 : +50
87 : #d20f66 : +52
89 : #d40c66 : +54
91 : #d60a66 : +56
93 : #d90866 : +58
95 : #db0666 : +60
97 : #dd0365 : +62
99 : #df0165 : +64
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #070305 : -42
4 : #0e070a : -40
6 : #150a0f : -38
8 : #1c0d14 : -36
10 : #221119 : -34
12 : #29141e : -32
14 : #301722 : -30
16 : #371b27 : -28
18 : #3e1e2c : -26
20 : #452131 : -24
22 : #4c2436 : -22
24 : #53283b : -20
26 : #5a2b40 : -18
28 : #602e45 : -16
30 : #67324a : -14
32 : #6e354f : -12
34 : #753854 : -10
36 : #7c3c59 : -8
38 : #833f5e : -6
40 : #8a4262 : -4
42 : #914667 : -2
44 : #97496c : ±0
46 : #9e4c71 : +2
48 : #a55076 : +4
50 : #ac537b : +6
52 : #af5a80 : +8
54 : #b36186 : +10
56 : #b6688b : +12
58 : #b96e90 : +14
60 : #bd7595 : +16
62 : #c07c9b : +18
64 : #c383a0 : +20
66 : #c78aa5 : +22
68 : #ca91ab : +24
70 : #cd98b0 : +26
72 : #d19fb5 : +28
74 : #d4a5ba : +30
76 : #d7acc0 : +32
78 : #dbb3c5 : +34
80 : #debaca : +36
82 : #e1c1cf : +38
84 : #e4c8d5 : +40
86 : #e8cfda : +42
88 : #ebd6df : +44
90 : #eedde5 : +46
92 : #f2e3ea : +48
94 : #f5eaef : +50
96 : #f8f1f4 : +52
98 : #fcf8fa : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow