#6a2461
RGB ( 赤 = 106, 緑 = 36, 青 = 97 )
HSL ( 色相 = 308°, 彩度 = 49%, 明度 = 28% )
H : 色相 ( 308° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #6a2e24 : -300
18 : #6a3924 : -290
28 : #6a4524 : -280
38 : #6a5124 : -270
48 : #6a5c24 : -260
58 : #6a6824 : -250
68 : #616a24 : -240
78 : #556a24 : -230
88 : #4a6a24 : -220
98 : #3e6a24 : -210
108 : #326a24 : -200
118 : #276a24 : -190
128 : #246a2e : -180
138 : #246a39 : -170
148 : #246a45 : -160
158 : #246a51 : -150
168 : #246a5c : -140
178 : #246a68 : -130
188 : #24616a : -120
198 : #24556a : -110
208 : #244a6a : -100
218 : #243e6a : -90
228 : #24326a : -80
238 : #24276a : -70
248 : #2e246a : -60
258 : #39246a : -50
268 : #45246a : -40
278 : #51246a : -30
288 : #5c246a : -20
298 : #68246a : -10
308 : #6a2461 : ±0
318 : #6a2455 : +10
328 : #6a244a : +20
338 : #6a243e : +30
348 : #6a2432 : +40
358 : #6a2427 : +50
298 : #68246a : -10
299 : #69246a : -9
300 : #6a246a : -8
301 : #6a2469 : -7
302 : #6a2468 : -6
303 : #6a2467 : -5
304 : #6a2466 : -4
305 : #6a2465 : -3
306 : #6a2463 : -2
307 : #6a2462 : -1
308 : #6a2461 : ±0
309 : #6a2460 : +1
310 : #6a245f : +2
311 : #6a245e : +3
312 : #6a245c : +4
313 : #6a245b : +5
314 : #6a245a : +6
315 : #6a2459 : +7
316 : #6a2458 : +8
317 : #6a2457 : +9
318 : #6a2455 : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #484748 : -48
3 : #4a4549 : -46
5 : #4b444a : -44
7 : #4c424b : -42
9 : #4e414c : -40
11 : #4f404d : -38
13 : #513e4e : -36
15 : #523d4f : -34
17 : #543b50 : -32
19 : #553a51 : -30
21 : #563852 : -28
23 : #583753 : -26
25 : #593654 : -24
27 : #5b3456 : -22
29 : #5c3357 : -20
31 : #5e3158 : -18
33 : #5f3059 : -16
35 : #602e5a : -14
37 : #622d5b : -12
39 : #632c5c : -10
41 : #652a5d : -8
43 : #66295e : -6
45 : #68275f : -4
47 : #692660 : -2
49 : #6a2461 : ±0
51 : #6c2362 : +2
53 : #6d2263 : +4
55 : #6f2064 : +6
57 : #701f65 : +8
59 : #721d66 : +10
61 : #731c67 : +12
63 : #741a68 : +14
65 : #761969 : +16
67 : #77186a : +18
69 : #79166c : +20
71 : #7a156d : +22
73 : #7c136e : +24
75 : #7d126f : +26
77 : #7e1070 : +28
79 : #800f71 : +30
81 : #810e72 : +32
83 : #830c73 : +34
85 : #840b74 : +36
87 : #860975 : +38
89 : #870876 : +40
91 : #880677 : +42
93 : #8a0578 : +44
95 : #8b0479 : +46
97 : #8d027a : +48
99 : #8e017b : +50
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #080307 : -26
4 : #0f050e : -24
6 : #170815 : -22
8 : #1e0a1c : -20
10 : #260d23 : -18
12 : #2e102a : -16
14 : #351231 : -14
16 : #3d1537 : -12
18 : #44173e : -10
20 : #4c1a45 : -8
22 : #541d4c : -6
24 : #5b1f53 : -4
26 : #63225a : -2
28 : #6a2461 : ±0
30 : #722768 : +2
32 : #7a2a6f : +4
34 : #812c76 : +6
36 : #892f7d : +8
38 : #903184 : +10
40 : #98348b : +12
42 : #a03792 : +14
44 : #a73999 : +16
46 : #af3c9f : +18
48 : #b63ea6 : +20
50 : #be41ad : +22
52 : #c149b1 : +24
54 : #c350b4 : +26
56 : #c658b7 : +28
58 : #c85fba : +30
60 : #cb67be : +32
62 : #ce6fc1 : +34
64 : #d076c4 : +36
66 : #d37ec7 : +38
68 : #d585cb : +40
70 : #d88dce : +42
72 : #db95d1 : +44
74 : #dd9cd5 : +46
76 : #e0a4d8 : +48
78 : #e2abdb : +50
80 : #e5b3de : +52
82 : #e8bbe2 : +54
84 : #eac2e5 : +56
86 : #edcae8 : +58
88 : #efd1eb : +60
90 : #f2d9ef : +62
92 : #f5e1f2 : +64
94 : #f7e8f5 : +66
96 : #faf0f8 : +68
98 : #fcf7fc : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow