#34363d
RGB ( 赤 = 52, 緑 = 54, 青 = 61 )
HSL ( 色相 = 227°, 彩度 = 8%, 明度 = 22% )
H : 色相 ( 227° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #3d3534 : -220
17 : #3d3634 : -210
27 : #3d3834 : -200
37 : #3d3934 : -190
47 : #3d3b34 : -180
57 : #3d3c34 : -170
67 : #3c3d34 : -160
77 : #3a3d34 : -150
87 : #393d34 : -140
97 : #373d34 : -130
107 : #363d34 : -120
117 : #343d34 : -110
127 : #343d35 : -100
137 : #343d36 : -90
147 : #343d38 : -80
157 : #343d39 : -70
167 : #343d3b : -60
177 : #343d3c : -50
187 : #343c3d : -40
197 : #343a3d : -30
207 : #34393d : -20
217 : #34373d : -10
227 : #34363d : ±0
237 : #34343d : +10
247 : #35343d : +20
257 : #36343d : +30
267 : #38343d : +40
277 : #39343d : +50
287 : #3b343d : +60
297 : #3c343d : +70
307 : #3d343c : +80
317 : #3d343a : +90
327 : #3d3439 : +100
337 : #3d3437 : +110
347 : #3d3436 : +120
357 : #3d3434 : +130
217 : #34373d : -10
218 : #34373d : -9
219 : #34373d : -8
220 : #34373d : -7
221 : #34363d : -6
222 : #34363d : -5
223 : #34363d : -4
224 : #34363d : -3
225 : #34363d : -2
226 : #34363d : -1
227 : #34363d : ±0
228 : #34353d : +1
229 : #34353d : +2
230 : #34353d : +3
231 : #34353d : +4
232 : #34353d : +5
233 : #34353d : +6
234 : #34353d : +7
235 : #34343d : +8
236 : #34343d : +9
237 : #34343d : +10
S : 彩度 ( 8% )
(0%) 渋い ~ 鮮やか (100%)
0 : #383838 : -8
2 : #373739 : -6
4 : #36373a : -4
6 : #35363b : -2
8 : #34363d : ±0
10 : #32353e : +2
12 : #31343f : +4
14 : #303440 : +6
16 : #2f3341 : +8
18 : #2e3242 : +10
20 : #2d3243 : +12
22 : #2c3144 : +14
24 : #2b3046 : +16
26 : #2a3047 : +18
28 : #282f48 : +20
30 : #272f49 : +22
32 : #262e4a : +24
34 : #252d4b : +26
36 : #242d4c : +28
38 : #232c4d : +30
40 : #222b4f : +32
42 : #212b50 : +34
44 : #1f2a51 : +36
46 : #1e2952 : +38
48 : #1d2953 : +40
50 : #1c2854 : +42
52 : #1b2855 : +44
54 : #1a2756 : +46
56 : #192658 : +48
58 : #182659 : +50
60 : #16255a : +52
62 : #15245b : +54
64 : #14245c : +56
66 : #13235d : +58
68 : #12225e : +60
70 : #11225f : +62
72 : #102160 : +64
74 : #0f2162 : +66
76 : #0d2063 : +68
78 : #0c1f64 : +70
80 : #0b1f65 : +72
82 : #0a1e66 : +74
84 : #091d67 : +76
86 : #081d68 : +78
88 : #071c69 : +80
90 : #061b6b : +82
92 : #041b6c : +84
94 : #031a6d : +86
96 : #021a6e : +88
98 : #01196f : +90
100 : #001870 : +92
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #050506 : -20
4 : #090a0b : -18
6 : #0e0f11 : -16
8 : #131316 : -14
10 : #17181c : -12
12 : #1c1d21 : -10
14 : #212227 : -8
16 : #26272c : -6
18 : #2a2c32 : -4
20 : #2f3137 : -2
22 : #34363d : ±0
24 : #383a42 : +2
26 : #3d3f48 : +4
28 : #42444d : +6
30 : #464953 : +8
32 : #4b4e58 : +10
34 : #50535e : +12
36 : #545863 : +14
38 : #595d69 : +16
40 : #5e616e : +18
42 : #636674 : +20
44 : #676b79 : +22
46 : #6c707f : +24
48 : #717584 : +26
50 : #757a8a : +28
52 : #7b7f8e : +30
54 : #808493 : +32
56 : #868a98 : +34
58 : #8b8f9c : +36
60 : #9194a1 : +38
62 : #969aa6 : +40
64 : #9c9fab : +42
66 : #a1a4af : +44
68 : #a7aab4 : +46
70 : #acafb9 : +48
72 : #b2b4bd : +50
74 : #b7bac2 : +52
76 : #bdbfc7 : +54
78 : #c2c4cb : +56
80 : #c8cad0 : +58
82 : #cdcfd5 : +60
84 : #d3d4d9 : +62
86 : #d8dade : +64
88 : #dedfe3 : +66
90 : #e3e4e8 : +68
92 : #e9eaec : +70
94 : #eeeff1 : +72
96 : #f4f4f6 : +74
98 : #f9fafa : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow