#24343c
RGB ( 赤 = 36, 緑 = 52, 青 = 60 )
HSL ( 色相 = 200°, 彩度 = 25%, 明度 = 19% )
H : 色相 ( 200° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #3d2424 : -200
10 : #3d2824 : -190
20 : #3d2c24 : -180
30 : #3d3024 : -170
40 : #3d3424 : -160
50 : #3d3924 : -150
60 : #3d3d24 : -140
70 : #393d24 : -130
80 : #343d24 : -120
90 : #303d24 : -110
100 : #2c3d24 : -100
110 : #283d24 : -90
120 : #243d24 : -80
130 : #243d28 : -70
140 : #243d2c : -60
150 : #243d30 : -50
160 : #243d34 : -40
170 : #243d39 : -30
180 : #243d3d : -20
190 : #24393d : -10
200 : #24343d : ±0
210 : #24303d : +10
220 : #242c3d : +20
230 : #24283d : +30
240 : #24243d : +40
250 : #28243d : +50
260 : #2c243d : +60
270 : #30243d : +70
280 : #34243d : +80
290 : #39243d : +90
300 : #3d243d : +100
310 : #3d2439 : +110
320 : #3d2434 : +120
330 : #3d2430 : +130
340 : #3d242c : +140
350 : #3d2428 : +150
190 : #24393d : -10
191 : #24383d : -9
192 : #24383d : -8
193 : #24373d : -7
194 : #24373d : -6
195 : #24373d : -5
196 : #24363d : -4
197 : #24363d : -3
198 : #24353d : -2
199 : #24353d : -1
200 : #24343d : ±0
201 : #24343d : +1
202 : #24343d : +2
203 : #24333d : +3
204 : #24333d : +4
205 : #24323d : +5
206 : #24323d : +6
207 : #24323d : +7
208 : #24313d : +8
209 : #24313d : +9
210 : #24303d : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #303131 : -24
3 : #2f3132 : -22
5 : #2e3133 : -20
7 : #2d3234 : -18
9 : #2c3235 : -16
11 : #2b3236 : -14
13 : #2a3337 : -12
15 : #293338 : -10
17 : #283339 : -8
19 : #27343a : -6
21 : #26343b : -4
23 : #25343c : -2
25 : #24343d : ±0
27 : #23353e : +2
29 : #22353f : +4
31 : #21353f : +6
33 : #203640 : +8
35 : #1f3641 : +10
37 : #1f3642 : +12
39 : #1e3743 : +14
41 : #1d3744 : +16
43 : #1c3745 : +18
45 : #1b3846 : +20
47 : #1a3847 : +22
49 : #193848 : +24
51 : #183949 : +26
53 : #17394a : +28
55 : #16394b : +30
57 : #153a4c : +32
59 : #143a4d : +34
61 : #133a4e : +36
63 : #123b4f : +38
65 : #113b50 : +40
67 : #103b51 : +42
69 : #0f3c52 : +44
71 : #0e3c53 : +46
73 : #0d3c54 : +48
75 : #0c3d55 : +50
77 : #0b3d56 : +52
79 : #0a3d57 : +54
81 : #093e58 : +56
83 : #083e59 : +58
85 : #073e5a : +60
87 : #063f5b : +62
89 : #053f5c : +64
91 : #043f5d : +66
93 : #033f5e : +68
95 : #02405e : +70
97 : #01405f : +72
99 : #004060 : +74
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -18
3 : #06080a : -16
5 : #0a0e10 : -14
7 : #0d1316 : -12
9 : #11191d : -10
11 : #151e23 : -8
13 : #192429 : -6
15 : #1d2930 : -4
17 : #212f36 : -2
19 : #24343d : ±0
21 : #283a43 : +2
23 : #2c4049 : +4
25 : #304550 : +6
27 : #344b56 : +8
29 : #37505c : +10
31 : #3b5663 : +12
33 : #3f5b69 : +14
35 : #436170 : +16
37 : #476676 : +18
39 : #4b6c7c : +20
41 : #4e7183 : +22
43 : #527789 : +24
45 : #567c8f : +26
47 : #5a8296 : +28
49 : #5e879c : +30
51 : #638ca1 : +32
53 : #6991a5 : +34
55 : #7096a9 : +36
57 : #769aad : +38
59 : #7c9fb1 : +40
61 : #83a4b4 : +42
63 : #89a9b8 : +44
65 : #8fadbc : +46
67 : #96b2c0 : +48
69 : #9cb7c4 : +50
71 : #a3bbc8 : +52
73 : #a9c0cb : +54
75 : #afc5cf : +56
77 : #b6c9d3 : +58
79 : #bcced7 : +60
81 : #c2d3db : +62
83 : #c9d7de : +64
85 : #cfdce2 : +66
87 : #d6e1e6 : +68
89 : #dce5ea : +70
91 : #e2eaee : +72
93 : #e9eff2 : +74
95 : #eff3f5 : +76
97 : #f5f8f9 : +78
99 : #fcfdfd : +80
CSS入門、作ってます。
text-shadow