#6c2844
RGB ( 赤 = 108, 緑 = 40, 青 = 68 )
HSL ( 色相 = 335°, 彩度 = 46%, 明度 = 29% )
H : 色相 ( 335° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #6c2e28 : -330
15 : #6c3928 : -320
25 : #6c4428 : -310
35 : #6c5028 : -300
45 : #6c5b28 : -290
55 : #6c6628 : -280
65 : #666c28 : -270
75 : #5b6c28 : -260
85 : #506c28 : -250
95 : #446c28 : -240
105 : #396c28 : -230
115 : #2e6c28 : -220
125 : #286c2e : -210
135 : #286c39 : -200
145 : #286c44 : -190
155 : #286c50 : -180
165 : #286c5b : -170
175 : #286c66 : -160
185 : #28666c : -150
195 : #285b6c : -140
205 : #28506c : -130
215 : #28446c : -120
225 : #28396c : -110
235 : #282e6c : -100
245 : #2e286c : -90
255 : #39286c : -80
265 : #44286c : -70
275 : #50286c : -60
285 : #5b286c : -50
295 : #66286c : -40
305 : #6c2866 : -30
315 : #6c285b : -20
325 : #6c2850 : -10
335 : #6c2844 : ±0
345 : #6c2839 : +10
355 : #6c282e : +20
325 : #6c2850 : -10
326 : #6c284e : -9
327 : #6c284d : -8
328 : #6c284c : -7
329 : #6c284b : -6
330 : #6c284a : -5
331 : #6c2849 : -4
332 : #6c2848 : -3
333 : #6c2847 : -2
334 : #6c2845 : -1
335 : #6c2844 : ±0
336 : #6c2843 : +1
337 : #6c2842 : +2
338 : #6c2841 : +3
339 : #6c2840 : +4
340 : #6c283f : +5
341 : #6c283d : +6
342 : #6c283c : +7
343 : #6c283b : +8
344 : #6c283a : +9
345 : #6c2839 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #494949 : -46
2 : #4b484a : -44
4 : #4d4749 : -42
6 : #4e4649 : -40
8 : #504449 : -38
10 : #514349 : -36
12 : #534148 : -34
14 : #544048 : -32
16 : #563e48 : -30
18 : #573d48 : -28
20 : #593b47 : -26
22 : #5a3a47 : -24
24 : #5c3847 : -22
26 : #5d3747 : -20
28 : #5f3546 : -18
30 : #603446 : -16
32 : #623246 : -14
34 : #633146 : -12
36 : #652f46 : -10
38 : #662e45 : -8
40 : #682c45 : -6
42 : #692b45 : -4
44 : #6a2945 : -2
46 : #6c2844 : ±0
48 : #6d2644 : +2
50 : #6f2544 : +4
52 : #702344 : +6
54 : #722243 : +8
56 : #732143 : +10
58 : #751f43 : +12
60 : #761e43 : +14
62 : #781c42 : +16
64 : #791b42 : +18
66 : #7b1942 : +20
68 : #7c1842 : +22
70 : #7e1641 : +24
72 : #7f1541 : +26
74 : #811341 : +28
76 : #821241 : +30
78 : #841040 : +32
80 : #850f40 : +34
82 : #870d40 : +36
84 : #880c40 : +38
86 : #8a0a3f : +40
88 : #8b093f : +42
90 : #8d073f : +44
92 : #8e063f : +46
94 : #8f043e : +48
96 : #91033e : +50
98 : #92013e : +52
100 : #94003e : +54
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -28
3 : #0b0407 : -26
5 : #13070c : -24
7 : #1a0a10 : -22
9 : #220c15 : -20
11 : #290f1a : -18
13 : #30121f : -16
15 : #381523 : -14
17 : #3f1728 : -12
19 : #471a2d : -10
21 : #4e1d31 : -8
23 : #562036 : -6
25 : #5d223b : -4
27 : #652540 : -2
29 : #6c2844 : ±0
31 : #732b49 : +2
33 : #7b2d4e : +4
35 : #823052 : +6
37 : #8a3357 : +8
39 : #91365c : +10
41 : #993861 : +12
43 : #a03b65 : +14
45 : #a83e6a : +16
47 : #af416f : +18
49 : #b64373 : +20
51 : #bc4978 : +22
53 : #be507e : +24
55 : #c15783 : +26
57 : #c45f89 : +28
59 : #c7668e : +30
61 : #c96e94 : +32
63 : #cc7599 : +34
65 : #cf7d9f : +36
67 : #d284a4 : +38
69 : #d48caa : +40
71 : #d793af : +42
73 : #da9ab5 : +44
75 : #dda2ba : +46
77 : #dfa9c0 : +48
79 : #e2b1c5 : +50
81 : #e5b8cb : +52
83 : #e8c0d0 : +54
85 : #eac7d6 : +56
87 : #edcfdb : +58
89 : #f0d6e1 : +60
91 : #f3dde6 : +62
93 : #f5e5ec : +64
95 : #f8ecf1 : +66
97 : #fbf4f7 : +68
99 : #fefbfc : +70
CSS入門、作ってます。
text-shadow