#8a334d
RGB ( 赤 = 138, 緑 = 51, 青 = 77 )
HSL ( 色相 = 342°, 彩度 = 46%, 明度 = 37% )
H : 色相 ( 342° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #8a3633 : -340
12 : #8a4433 : -330
22 : #8a5333 : -320
32 : #8a6133 : -310
42 : #8a7033 : -300
52 : #8a7e33 : -290
62 : #878a33 : -280
72 : #788a33 : -270
82 : #6a8a33 : -260
92 : #5b8a33 : -250
102 : #4d8a33 : -240
112 : #3f8a33 : -230
122 : #338a36 : -220
132 : #338a44 : -210
142 : #338a53 : -200
152 : #338a61 : -190
162 : #338a70 : -180
172 : #338a7e : -170
182 : #33878a : -160
192 : #33788a : -150
202 : #336a8a : -140
212 : #335b8a : -130
222 : #334d8a : -120
232 : #333f8a : -110
242 : #36338a : -100
252 : #44338a : -90
262 : #53338a : -80
272 : #61338a : -70
282 : #70338a : -60
292 : #7e338a : -50
302 : #8a3387 : -40
312 : #8a3378 : -30
322 : #8a336a : -20
332 : #8a335b : -10
342 : #8a334d : ±0
352 : #8a333f : +10
332 : #8a335b : -10
333 : #8a335a : -9
334 : #8a3359 : -8
335 : #8a3357 : -7
336 : #8a3356 : -6
337 : #8a3354 : -5
338 : #8a3353 : -4
339 : #8a3351 : -3
340 : #8a3350 : -2
341 : #8a334e : -1
342 : #8a334d : ±0
343 : #8a334c : +1
344 : #8a334a : +2
345 : #8a3349 : +3
346 : #8a3347 : +4
347 : #8a3346 : +5
348 : #8a3344 : +6
349 : #8a3343 : +7
350 : #8a3341 : +8
351 : #8a3340 : +9
352 : #8a333f : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5e5e5e : -46
2 : #605c5e : -44
4 : #625b5d : -42
6 : #64595c : -40
8 : #66575b : -38
10 : #68555b : -36
12 : #6a535a : -34
14 : #6c5159 : -32
16 : #6d4f58 : -30
18 : #6f4d58 : -28
20 : #714b57 : -26
22 : #734a56 : -24
24 : #754855 : -22
26 : #774655 : -20
28 : #794454 : -18
30 : #7b4253 : -16
32 : #7d4052 : -14
34 : #7e3e52 : -12
36 : #803c51 : -10
38 : #823a50 : -8
40 : #84394f : -6
42 : #86374e : -4
44 : #88354e : -2
46 : #8a334d : ±0
48 : #8c314c : +2
50 : #8e2f4b : +4
52 : #8f2d4b : +6
54 : #912b4a : +8
56 : #932a49 : +10
58 : #952848 : +12
60 : #972648 : +14
62 : #992447 : +16
64 : #9b2246 : +18
66 : #9d2045 : +20
68 : #9f1e45 : +22
70 : #a01c44 : +24
72 : #a21a43 : +26
74 : #a41942 : +28
76 : #a61742 : +30
78 : #a81541 : +32
80 : #aa1340 : +34
82 : #ac113f : +36
84 : #ae0f3f : +38
86 : #af0d3e : +40
88 : #b10b3d : +42
90 : #b3093c : +44
92 : #b5083c : +46
94 : #b7063b : +48
96 : #b9043a : +50
98 : #bb0239 : +52
100 : #bd0039 : +54
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -36
3 : #0b0406 : -34
5 : #13070a : -32
7 : #1a0a0f : -30
9 : #220c13 : -28
11 : #290f17 : -26
13 : #30121b : -24
15 : #38151f : -22
17 : #3f1723 : -20
19 : #471a28 : -18
21 : #4e1d2c : -16
23 : #562030 : -14
25 : #5d2234 : -12
27 : #652538 : -10
29 : #6c283c : -8
31 : #732b41 : -6
33 : #7b2d45 : -4
35 : #823049 : -2
37 : #8a334d : ±0
39 : #913651 : +2
41 : #993855 : +4
43 : #a03b59 : +6
45 : #a83e5e : +8
47 : #af4162 : +10
49 : #b64366 : +12
51 : #bc496b : +14
53 : #be5071 : +16
55 : #c15777 : +18
57 : #c45f7d : +20
59 : #c76683 : +22
61 : #c96e89 : +24
63 : #cc758f : +26
65 : #cf7d95 : +28
67 : #d2849b : +30
69 : #d48ca1 : +32
71 : #d793a7 : +34
73 : #da9aad : +36
75 : #dda2b4 : +38
77 : #dfa9ba : +40
79 : #e2b1c0 : +42
81 : #e5b8c6 : +44
83 : #e8c0cc : +46
85 : #eac7d2 : +48
87 : #edcfd8 : +50
89 : #f0d6de : +52
91 : #f3dde4 : +54
93 : #f5e5ea : +56
95 : #f8ecf0 : +58
97 : #fbf4f6 : +60
99 : #fefbfc : +62
CSS入門、作ってます。
text-shadow