#333538
RGB ( 赤 = 51, 緑 = 53, 青 = 56 )
HSL ( 色相 = 216°, 彩度 = 5%, 明度 = 21% )
H : 色相 ( 216° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #383333 : -210
16 : #383433 : -200
26 : #383533 : -190
36 : #383633 : -180
46 : #383733 : -170
56 : #383833 : -160
66 : #383833 : -150
76 : #373833 : -140
86 : #363833 : -130
96 : #353833 : -120
106 : #343833 : -110
116 : #333833 : -100
126 : #333833 : -90
136 : #333834 : -80
146 : #333835 : -70
156 : #333836 : -60
166 : #333837 : -50
176 : #333838 : -40
186 : #333838 : -30
196 : #333738 : -20
206 : #333638 : -10
216 : #333538 : ±0
226 : #333438 : +10
236 : #333338 : +20
246 : #333338 : +30
256 : #343338 : +40
266 : #353338 : +50
276 : #363338 : +60
286 : #373338 : +70
296 : #383338 : +80
306 : #383338 : +90
316 : #383337 : +100
326 : #383336 : +110
336 : #383335 : +120
346 : #383334 : +130
356 : #383333 : +140
206 : #333638 : -10
207 : #333638 : -9
208 : #333638 : -8
209 : #333638 : -7
210 : #333638 : -6
211 : #333538 : -5
212 : #333538 : -4
213 : #333538 : -3
214 : #333538 : -2
215 : #333538 : -1
216 : #333538 : ±0
217 : #333538 : +1
218 : #333538 : +2
219 : #333538 : +3
220 : #333538 : +4
221 : #333538 : +5
222 : #333438 : +6
223 : #333438 : +7
224 : #333438 : +8
225 : #333438 : +9
226 : #333438 : +10
S : 彩度 ( 5% )
(0%) 渋い ~ 鮮やか (100%)
1 : #353536 : -4
3 : #343537 : -2
5 : #333538 : ±0
7 : #323539 : +2
9 : #31353a : +4
11 : #30343b : +6
13 : #2f343d : +8
15 : #2e343e : +10
17 : #2c343f : +12
19 : #2b3440 : +14
21 : #2a3341 : +16
23 : #293342 : +18
25 : #283343 : +20
27 : #273344 : +22
29 : #263245 : +24
31 : #253246 : +26
33 : #243247 : +28
35 : #233248 : +30
37 : #223249 : +32
39 : #21314a : +34
41 : #20314c : +36
43 : #1f314d : +38
45 : #1d314e : +40
47 : #1c314f : +42
49 : #1b3050 : +44
51 : #1a3051 : +46
53 : #193052 : +48
55 : #183053 : +50
57 : #172f54 : +52
59 : #162f55 : +54
61 : #152f56 : +56
63 : #142f57 : +58
65 : #132f58 : +60
67 : #122e59 : +62
69 : #112e5a : +64
71 : #102e5c : +66
73 : #0e2e5d : +68
75 : #0d2e5e : +70
77 : #0c2d5f : +72
79 : #0b2d60 : +74
81 : #0a2d61 : +76
83 : #092d62 : +78
85 : #082c63 : +80
87 : #072c64 : +82
89 : #062c65 : +84
91 : #052c66 : +86
93 : #042c67 : +88
95 : #032b68 : +90
97 : #022b69 : +92
99 : #012b6b : +94
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -20
3 : #070808 : -18
5 : #0c0d0d : -16
7 : #111213 : -14
9 : #161718 : -12
11 : #1b1c1d : -10
13 : #1f2123 : -8
15 : #242628 : -6
17 : #292b2e : -4
19 : #2e3033 : -2
21 : #333538 : ±0
23 : #383a3e : +2
25 : #3d3f43 : +4
27 : #414448 : +6
29 : #46494e : +8
31 : #4b4e53 : +10
33 : #505358 : +12
35 : #55585e : +14
37 : #5a5d63 : +16
39 : #5e6268 : +18
41 : #63686e : +20
43 : #686d73 : +22
45 : #6d7278 : +24
47 : #72777e : +26
49 : #777c83 : +28
51 : #7c8188 : +30
53 : #81868d : +32
55 : #878b92 : +34
57 : #8c9097 : +36
59 : #91959c : +38
61 : #979ba1 : +40
63 : #9ca0a5 : +42
65 : #a1a5aa : +44
67 : #a7aaaf : +46
69 : #acafb4 : +48
71 : #b1b4b9 : +50
73 : #b7b9be : +52
75 : #bcbfc2 : +54
77 : #c1c4c7 : +56
79 : #c7c9cc : +58
81 : #ccced1 : +60
83 : #d1d3d6 : +62
85 : #d7d8db : +64
87 : #dcdee0 : +66
89 : #e2e3e4 : +68
91 : #e7e8e9 : +70
93 : #ecedee : +72
95 : #f2f2f3 : +74
97 : #f7f7f8 : +76
99 : #fcfcfd : +78
CSS入門、作ってます。
text-shadow