#6c3868
RGB ( 赤 = 108, 緑 = 56, 青 = 104 )
HSL ( 色相 = 305°, 彩度 = 32%, 明度 = 32% )
H : 色相 ( 305° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #6c3c37 : -300
15 : #6c4537 : -290
25 : #6c4d37 : -280
35 : #6c5637 : -270
45 : #6c5f37 : -260
55 : #6c6737 : -250
65 : #676c37 : -240
75 : #5f6c37 : -230
85 : #566c37 : -220
95 : #4d6c37 : -210
105 : #456c37 : -200
115 : #3c6c37 : -190
125 : #376c3c : -180
135 : #376c45 : -170
145 : #376c4d : -160
155 : #376c56 : -150
165 : #376c5f : -140
175 : #376c67 : -130
185 : #37676c : -120
195 : #375f6c : -110
205 : #37566c : -100
215 : #374d6c : -90
225 : #37456c : -80
235 : #373c6c : -70
245 : #3c376c : -60
255 : #45376c : -50
265 : #4d376c : -40
275 : #56376c : -30
285 : #5f376c : -20
295 : #67376c : -10
305 : #6c3767 : ±0
315 : #6c375f : +10
325 : #6c3756 : +20
335 : #6c374d : +30
345 : #6c3745 : +40
355 : #6c373c : +50
295 : #67376c : -10
296 : #68376c : -9
297 : #69376c : -8
298 : #6a376c : -7
299 : #6b376c : -6
300 : #6c376c : -5
301 : #6c376b : -4
302 : #6c376a : -3
303 : #6c3769 : -2
304 : #6c3768 : -1
305 : #6c3767 : ±0
306 : #6c3766 : +1
307 : #6c3766 : +2
308 : #6c3765 : +3
309 : #6c3764 : +4
310 : #6c3763 : +5
311 : #6c3762 : +6
312 : #6c3761 : +7
313 : #6c3760 : +8
314 : #6c3760 : +9
315 : #6c375f : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -32
2 : #535053 : -30
4 : #554e54 : -28
6 : #564d56 : -26
8 : #584b57 : -24
10 : #5a4958 : -22
12 : #5b485a : -20
14 : #5d465b : -18
16 : #5f455c : -16
18 : #60435e : -14
20 : #62415f : -12
22 : #644061 : -10
24 : #653e62 : -8
26 : #673c63 : -6
28 : #683b65 : -4
30 : #6a3966 : -2
32 : #6c3767 : ±0
34 : #6d3669 : +2
36 : #6f346a : +4
38 : #71336b : +6
40 : #72316d : +8
42 : #742f6e : +10
44 : #762e70 : +12
46 : #772c71 : +14
48 : #792a72 : +16
50 : #7a2974 : +18
52 : #7c2775 : +20
54 : #7e2676 : +22
56 : #7f2478 : +24
58 : #812279 : +26
60 : #83217a : +28
62 : #841f7c : +30
64 : #861d7d : +32
66 : #871c7e : +34
68 : #891a80 : +36
70 : #8b1881 : +38
72 : #8c1783 : +40
74 : #8e1584 : +42
76 : #901485 : +44
78 : #911287 : +46
80 : #931088 : +48
82 : #950f89 : +50
84 : #960d8b : +52
86 : #980b8c : +54
88 : #990a8d : +56
90 : #9b088f : +58
92 : #9d0790 : +60
94 : #9e0592 : +62
96 : #a00393 : +64
98 : #a20294 : +66
100 : #a30096 : +68
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #070306 : -30
4 : #0d070d : -28
6 : #140a13 : -26
8 : #1b0e1a : -24
10 : #221120 : -22
12 : #281527 : -20
14 : #2f182d : -18
16 : #361c34 : -16
18 : #3d1f3a : -14
20 : #432341 : -12
22 : #4a2647 : -10
24 : #512a4e : -8
26 : #582d54 : -6
28 : #5e315a : -4
30 : #653461 : -2
32 : #6c3767 : ±0
34 : #723b6e : +2
36 : #793e74 : +4
38 : #80427b : +6
40 : #874581 : +8
42 : #8d4988 : +10
44 : #944c8e : +12
46 : #9b5095 : +14
48 : #a2539b : +16
50 : #a857a2 : +18
52 : #ac5da5 : +20
54 : #af64a9 : +22
56 : #b36bad : +24
58 : #b672b0 : +26
60 : #ba78b4 : +28
62 : #bd7fb8 : +30
64 : #c186bc : +32
66 : #c48dbf : +34
68 : #c893c3 : +36
70 : #cb9ac7 : +38
72 : #cea1cb : +40
74 : #d2a7ce : +42
76 : #d5aed2 : +44
78 : #d9b5d6 : +46
80 : #dcbcda : +48
82 : #e0c2dd : +50
84 : #e3c9e1 : +52
86 : #e7d0e5 : +54
88 : #ead7e9 : +56
90 : #eeddec : +58
92 : #f1e4f0 : +60
94 : #f5ebf4 : +62
96 : #f8f2f8 : +64
98 : #fcf8fb : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow