#6c2361
RGB ( 赤 = 108, 緑 = 35, 青 = 97 )
HSL ( 色相 = 309°, 彩度 = 51%, 明度 = 28% )
H : 色相 ( 309° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #6c2e23 : -300
19 : #6c3a23 : -290
29 : #6c4623 : -280
39 : #6c5223 : -270
49 : #6c5e23 : -260
59 : #6c6b23 : -250
69 : #616c23 : -240
79 : #556c23 : -230
89 : #496c23 : -220
99 : #3c6c23 : -210
109 : #306c23 : -200
119 : #246c23 : -190
129 : #236c2e : -180
139 : #236c3a : -170
149 : #236c46 : -160
159 : #236c52 : -150
169 : #236c5e : -140
179 : #236c6b : -130
189 : #23616c : -120
199 : #23556c : -110
209 : #23496c : -100
219 : #233c6c : -90
229 : #23306c : -80
239 : #23246c : -70
249 : #2e236c : -60
259 : #3a236c : -50
269 : #46236c : -40
279 : #52236c : -30
289 : #5e236c : -20
299 : #6b236c : -10
309 : #6c2361 : ±0
319 : #6c2355 : +10
329 : #6c2349 : +20
339 : #6c233c : +30
349 : #6c2330 : +40
359 : #6c2324 : +50
299 : #6b236c : -10
300 : #6c236c : -9
301 : #6c236b : -8
302 : #6c2369 : -7
303 : #6c2368 : -6
304 : #6c2367 : -5
305 : #6c2366 : -4
306 : #6c2365 : -3
307 : #6c2363 : -2
308 : #6c2362 : -1
309 : #6c2361 : ±0
310 : #6c2360 : +1
311 : #6c235e : +2
312 : #6c235d : +3
313 : #6c235c : +4
314 : #6c235b : +5
315 : #6c235a : +6
316 : #6c2358 : +7
317 : #6c2357 : +8
318 : #6c2356 : +9
319 : #6c2355 : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #484748 : -50
3 : #4a4549 : -48
5 : #4b444a : -46
7 : #4c424b : -44
9 : #4e414c : -42
11 : #4f404d : -40
13 : #513e4e : -38
15 : #523d4f : -36
17 : #543b50 : -34
19 : #553a51 : -32
21 : #563852 : -30
23 : #583753 : -28
25 : #593654 : -26
27 : #5b3455 : -24
29 : #5c3356 : -22
31 : #5e3157 : -20
33 : #5f3058 : -18
35 : #602e59 : -16
37 : #622d5a : -14
39 : #632c5b : -12
41 : #652a5c : -10
43 : #66295d : -8
45 : #68275e : -6
47 : #69265f : -4
49 : #6a2460 : -2
51 : #6c2361 : ±0
53 : #6d2262 : +2
55 : #6f2063 : +4
57 : #701f64 : +6
59 : #721d65 : +8
61 : #731c66 : +10
63 : #741a67 : +12
65 : #761968 : +14
67 : #771869 : +16
69 : #79166a : +18
71 : #7a156b : +20
73 : #7c136c : +22
75 : #7d126d : +24
77 : #7e106e : +26
79 : #800f6f : +28
81 : #810e70 : +30
83 : #830c71 : +32
85 : #840b72 : +34
87 : #860973 : +36
89 : #870874 : +38
91 : #880675 : +40
93 : #8a0576 : +42
95 : #8b0477 : +44
97 : #8d0278 : +46
99 : #8e0179 : +48
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #080207 : -26
4 : #0f050e : -24
6 : #170715 : -22
8 : #1f0a1c : -20
10 : #270c23 : -18
12 : #2e0f2a : -16
14 : #361130 : -14
16 : #3e1437 : -12
18 : #45163e : -10
20 : #4d1945 : -8
22 : #551b4c : -6
24 : #5c1e53 : -4
26 : #64205a : -2
28 : #6c2361 : ±0
30 : #742568 : +2
32 : #7b286f : +4
34 : #832a76 : +6
36 : #8b2d7d : +8
38 : #922f83 : +10
40 : #9a328a : +12
42 : #a23491 : +14
44 : #a93798 : +16
46 : #b1399f : +18
48 : #b93ca6 : +20
50 : #c13ead : +22
52 : #c346b0 : +24
54 : #c64eb4 : +26
56 : #c856b7 : +28
58 : #cb5dba : +30
60 : #cd65bd : +32
62 : #d06dc1 : +34
64 : #d274c4 : +36
66 : #d57cc7 : +38
68 : #d784cb : +40
70 : #da8bce : +42
72 : #dc93d1 : +44
74 : #df9bd4 : +46
76 : #e1a3d8 : +48
78 : #e4aadb : +50
80 : #e6b2de : +52
82 : #e9bae1 : +54
84 : #ebc1e5 : +56
86 : #eec9e8 : +58
88 : #f0d1eb : +60
90 : #f3d8ef : +62
92 : #f5e0f2 : +64
94 : #f8e8f5 : +66
96 : #faf0f8 : +68
98 : #fdf7fc : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow