#333f42
RGB ( 赤 = 51, 緑 = 63, 青 = 66 )
HSL ( 色相 = 192°, 彩度 = 13%, 明度 = 23% )
H : 色相 ( 192° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #423433 : -190
12 : #423633 : -180
22 : #423933 : -170
32 : #423b33 : -160
42 : #423e33 : -150
52 : #424033 : -140
62 : #424233 : -130
72 : #3f4233 : -120
82 : #3d4233 : -110
92 : #3a4233 : -100
102 : #384233 : -90
112 : #354233 : -80
122 : #334234 : -70
132 : #334236 : -60
142 : #334239 : -50
152 : #33423b : -40
162 : #33423e : -30
172 : #334240 : -20
182 : #334242 : -10
192 : #333f42 : ±0
202 : #333d42 : +10
212 : #333a42 : +20
222 : #333842 : +30
232 : #333542 : +40
242 : #343342 : +50
252 : #363342 : +60
262 : #393342 : +70
272 : #3b3342 : +80
282 : #3e3342 : +90
292 : #403342 : +100
302 : #423342 : +110
312 : #42333f : +120
322 : #42333d : +130
332 : #42333a : +140
342 : #423338 : +150
352 : #423335 : +160
182 : #334242 : -10
183 : #334242 : -9
184 : #334142 : -8
185 : #334142 : -7
186 : #334142 : -6
187 : #334042 : -5
188 : #334042 : -4
189 : #334042 : -3
190 : #334042 : -2
191 : #333f42 : -1
192 : #333f42 : ±0
193 : #333f42 : +1
194 : #333f42 : +2
195 : #333e42 : +3
196 : #333e42 : +4
197 : #333e42 : +5
198 : #333e42 : +6
199 : #333d42 : +7
200 : #333d42 : +8
201 : #333d42 : +9
202 : #333d42 : +10
S : 彩度 ( 13% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3a3b3b : -12
3 : #393c3c : -10
5 : #383c3e : -8
7 : #373d3f : -6
9 : #353e40 : -4
11 : #343f41 : -2
13 : #333f42 : ±0
15 : #324043 : +2
17 : #314145 : +4
19 : #304146 : +6
21 : #2e4247 : +8
23 : #2d4348 : +10
25 : #2c4349 : +12
27 : #2b444a : +14
29 : #2a454c : +16
31 : #28464d : +18
33 : #27464e : +20
35 : #26474f : +22
37 : #254850 : +24
39 : #244852 : +26
41 : #234953 : +28
43 : #214a54 : +30
45 : #204a55 : +32
47 : #1f4b56 : +34
49 : #1e4c57 : +36
51 : #1d4d59 : +38
53 : #1c4d5a : +40
55 : #1a4e5b : +42
57 : #194f5c : +44
59 : #184f5d : +46
61 : #17505e : +48
63 : #165160 : +50
65 : #155261 : +52
67 : #135262 : +54
69 : #125363 : +56
71 : #115464 : +58
73 : #105465 : +60
75 : #0f5567 : +62
77 : #0d5668 : +64
79 : #0c5669 : +66
81 : #0b576a : +68
83 : #0a586b : +70
85 : #09596d : +72
87 : #08596e : +74
89 : #065a6f : +76
91 : #055b70 : +78
93 : #045b71 : +80
95 : #035c72 : +82
97 : #025d74 : +84
99 : #015d75 : +86
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -22
3 : #070809 : -20
5 : #0b0e0e : -18
7 : #101314 : -16
9 : #14191a : -14
11 : #181e20 : -12
13 : #1d2425 : -10
15 : #21292b : -8
17 : #262f31 : -6
19 : #2a3437 : -4
21 : #2f3a3d : -2
23 : #333f42 : ±0
25 : #374548 : +2
27 : #3c4a4e : +4
29 : #405054 : +6
31 : #455559 : +8
33 : #495b5f : +10
35 : #4e6065 : +12
37 : #52666b : +14
39 : #576b70 : +16
41 : #5b7176 : +18
43 : #5f767c : +20
45 : #647c82 : +22
47 : #688187 : +24
49 : #6d878d : +26
51 : #728c92 : +28
53 : #789097 : +30
55 : #7d959b : +32
57 : #839aa0 : +34
59 : #899fa4 : +36
61 : #8fa3a8 : +38
63 : #94a8ad : +40
65 : #9aadb1 : +42
67 : #a0b1b6 : +44
69 : #a6b6ba : +46
71 : #abbbbf : +48
73 : #b1c0c3 : +50
75 : #b7c4c8 : +52
77 : #bdc9cc : +54
79 : #c2ced0 : +56
81 : #c8d2d5 : +58
83 : #ced7d9 : +60
85 : #d4dcde : +62
87 : #dae0e2 : +64
89 : #dfe5e7 : +66
91 : #e5eaeb : +68
93 : #ebefef : +70
95 : #f1f3f4 : +72
97 : #f6f8f8 : +74
99 : #fcfdfd : +76
CSS入門、作ってます。
text-shadow