#3a343c
RGB ( 赤 = 58, 緑 = 52, 青 = 60 )
HSL ( 色相 = 285°, 彩度 = 7%, 明度 = 22% )
H : 色相 ( 285° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #3c3534 : -280
15 : #3c3634 : -270
25 : #3c3734 : -260
35 : #3c3934 : -250
45 : #3c3a34 : -240
55 : #3c3b34 : -230
65 : #3b3c34 : -220
75 : #3a3c34 : -210
85 : #393c34 : -200
95 : #373c34 : -190
105 : #363c34 : -180
115 : #353c34 : -170
125 : #343c35 : -160
135 : #343c36 : -150
145 : #343c37 : -140
155 : #343c39 : -130
165 : #343c3a : -120
175 : #343c3b : -110
185 : #343b3c : -100
195 : #343a3c : -90
205 : #34393c : -80
215 : #34373c : -70
225 : #34363c : -60
235 : #34353c : -50
245 : #35343c : -40
255 : #36343c : -30
265 : #37343c : -20
275 : #39343c : -10
285 : #3a343c : ±0
295 : #3b343c : +10
305 : #3c343b : +20
315 : #3c343a : +30
325 : #3c3439 : +40
335 : #3c3437 : +50
345 : #3c3436 : +60
355 : #3c3435 : +70
275 : #39343c : -10
276 : #39343c : -9
277 : #39343c : -8
278 : #39343c : -7
279 : #39343c : -6
280 : #39343c : -5
281 : #3a343c : -4
282 : #3a343c : -3
283 : #3a343c : -2
284 : #3a343c : -1
285 : #3a343c : ±0
286 : #3a343c : +1
287 : #3a343c : +2
288 : #3a343c : +3
289 : #3b343c : +4
290 : #3b343c : +5
291 : #3b343c : +6
292 : #3b343c : +7
293 : #3b343c : +8
294 : #3b343c : +9
295 : #3b343c : +10
S : 彩度 ( 7% )
(0%) 渋い ~ 鮮やか (100%)
1 : #383839 : -6
3 : #39363a : -4
5 : #3a353b : -2
7 : #3a343c : ±0
9 : #3b333d : +2
11 : #3b323e : +4
13 : #3c313f : +6
15 : #3c3041 : +8
17 : #3d2f42 : +10
19 : #3d2d43 : +12
21 : #3e2c44 : +14
23 : #3f2b45 : +16
25 : #3f2a46 : +18
27 : #402947 : +20
29 : #402848 : +22
31 : #412749 : +24
33 : #41264b : +26
35 : #42244c : +28
37 : #42234d : +30
39 : #43224e : +32
41 : #44214f : +34
43 : #442050 : +36
45 : #451f51 : +38
47 : #451e52 : +40
49 : #461d54 : +42
51 : #461b55 : +44
53 : #471a56 : +46
55 : #481957 : +48
57 : #481858 : +50
59 : #491759 : +52
61 : #49165a : +54
63 : #4a155b : +56
65 : #4a145d : +58
67 : #4b135e : +60
69 : #4b115f : +62
71 : #4c1060 : +64
73 : #4d0f61 : +66
75 : #4d0e62 : +68
77 : #4e0d63 : +70
79 : #4e0c64 : +72
81 : #4f0b66 : +74
83 : #4f0a67 : +76
85 : #500868 : +78
87 : #510769 : +80
89 : #51066a : +82
91 : #52056b : +84
93 : #52046c : +86
95 : #53036d : +88
97 : #53026f : +90
99 : #540170 : +92
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #050505 : -20
4 : #0b090b : -18
6 : #100e10 : -16
8 : #151316 : -14
10 : #1a181b : -12
12 : #201c21 : -10
14 : #252126 : -8
16 : #2a262c : -6
18 : #302b31 : -4
20 : #352f37 : -2
22 : #3a343c : ±0
24 : #3f3941 : +2
26 : #453e47 : +4
28 : #4a424c : +6
30 : #4f4752 : +8
32 : #544c57 : +10
34 : #5a515d : +12
36 : #5f5562 : +14
38 : #645a68 : +16
40 : #6a5f6d : +18
42 : #6f6473 : +20
44 : #746878 : +22
46 : #796d7e : +24
48 : #7f7283 : +26
50 : #847788 : +28
52 : #897c8d : +30
54 : #8e8192 : +32
56 : #938797 : +34
58 : #988c9b : +36
60 : #9d92a0 : +38
62 : #a197a5 : +40
64 : #a69daa : +42
66 : #aba2ae : +44
68 : #b0a8b3 : +46
70 : #b5adb8 : +48
72 : #bab3bd : +50
74 : #bfb8c1 : +52
76 : #c4bec6 : +54
78 : #c9c3cb : +56
80 : #cec8d0 : +58
82 : #d3ced4 : +60
84 : #d8d3d9 : +62
86 : #ddd9de : +64
88 : #e1dee3 : +66
90 : #e6e4e7 : +68
92 : #ebe9ec : +70
94 : #f0eff1 : +72
96 : #f5f4f6 : +74
98 : #fafafa : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow