#242834
RGB ( 赤 = 36, 緑 = 40, 青 = 52 )
HSL ( 色相 = 225°, 彩度 = 18%, 明度 = 17% )
H : 色相 ( 225° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #332524 : -220
15 : #332724 : -210
25 : #332a24 : -200
35 : #332d24 : -190
45 : #332f24 : -180
55 : #333224 : -170
65 : #323324 : -160
75 : #2f3324 : -150
85 : #2d3324 : -140
95 : #2a3324 : -130
105 : #273324 : -120
115 : #253324 : -110
125 : #243325 : -100
135 : #243327 : -90
145 : #24332a : -80
155 : #24332d : -70
165 : #24332f : -60
175 : #243332 : -50
185 : #243233 : -40
195 : #242f33 : -30
205 : #242d33 : -20
215 : #242a33 : -10
225 : #242733 : ±0
235 : #242533 : +10
245 : #252433 : +20
255 : #272433 : +30
265 : #2a2433 : +40
275 : #2d2433 : +50
285 : #2f2433 : +60
295 : #322433 : +70
305 : #332432 : +80
315 : #33242f : +90
325 : #33242d : +100
335 : #33242a : +110
345 : #332427 : +120
355 : #332425 : +130
215 : #242a33 : -10
216 : #242a33 : -9
217 : #242a33 : -8
218 : #242933 : -7
219 : #242933 : -6
220 : #242933 : -5
221 : #242833 : -4
222 : #242833 : -3
223 : #242833 : -2
224 : #242833 : -1
225 : #242733 : ±0
226 : #242733 : +1
227 : #242733 : +2
228 : #242733 : +3
229 : #242633 : +4
230 : #242633 : +5
231 : #242633 : +6
232 : #242633 : +7
233 : #242533 : +8
234 : #242533 : +9
235 : #242533 : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2b2b2b : -18
2 : #2a2b2c : -16
4 : #2a2a2d : -14
6 : #292a2e : -12
8 : #282a2f : -10
10 : #272930 : -8
12 : #262931 : -6
14 : #252831 : -4
16 : #242832 : -2
18 : #242733 : ±0
20 : #232734 : +2
22 : #222735 : +4
24 : #212636 : +6
26 : #202637 : +8
28 : #1f2537 : +10
30 : #1e2538 : +12
32 : #1d2439 : +14
34 : #1d243a : +16
36 : #1c243b : +18
38 : #1b233c : +20
40 : #1a233d : +22
42 : #19223e : +24
44 : #18223e : +26
46 : #17213f : +28
48 : #172140 : +30
50 : #162141 : +32
52 : #152042 : +34
54 : #142043 : +36
56 : #131f44 : +38
58 : #121f44 : +40
60 : #111e45 : +42
62 : #101e46 : +44
64 : #101d47 : +46
66 : #0f1d48 : +48
68 : #0e1d49 : +50
70 : #0d1c4a : +52
72 : #0c1c4b : +54
74 : #0b1b4b : +56
76 : #0a1b4c : +58
78 : #0a1a4d : +60
80 : #091a4e : +62
82 : #081a4f : +64
84 : #071950 : +66
86 : #061951 : +68
88 : #051851 : +70
90 : #041852 : +72
92 : #031753 : +74
94 : #031754 : +76
96 : #021755 : +78
98 : #011656 : +80
100 : #001657 : +82
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -16
3 : #060709 : -14
5 : #0a0c0f : -12
7 : #0f1015 : -10
9 : #13151b : -8
11 : #171a21 : -6
13 : #1b1e27 : -4
15 : #1f232d : -2
17 : #242733 : ±0
19 : #282c39 : +2
21 : #2c313f : +4
23 : #303545 : +6
25 : #343a4b : +8
27 : #383f51 : +10
29 : #3d4357 : +12
31 : #41485d : +14
33 : #454d63 : +16
35 : #495169 : +18
37 : #4d566f : +20
39 : #525a75 : +22
41 : #565f7b : +24
43 : #5a6481 : +26
45 : #5e6887 : +28
47 : #626d8d : +30
49 : #667293 : +32
51 : #6c7799 : +34
53 : #727c9d : +36
55 : #7882a1 : +38
57 : #7e87a5 : +40
59 : #848da9 : +42
61 : #8a93ad : +44
63 : #9098b2 : +46
65 : #969eb6 : +48
67 : #9ca3ba : +50
69 : #a2a9be : +52
71 : #a8aec2 : +54
73 : #aeb4c7 : +56
75 : #b4bacb : +58
77 : #babfcf : +60
79 : #c0c5d3 : +62
81 : #c6cad7 : +64
83 : #ccd0db : +66
85 : #d2d5e0 : +68
87 : #d8dbe4 : +70
89 : #dee0e8 : +72
91 : #e4e6ec : +74
93 : #eaecf0 : +76
95 : #f0f1f5 : +78
97 : #f6f7f9 : +80
99 : #fcfcfd : +82
CSS入門、作ってます。
text-shadow