#44222f
RGB ( 赤 = 68, 緑 = 34, 青 = 47 )
HSL ( 色相 = 337°, 彩度 = 33%, 明度 = 20% )
H : 色相 ( 337° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #442622 : -330
17 : #442c22 : -320
27 : #443122 : -310
37 : #443722 : -300
47 : #443d22 : -290
57 : #444222 : -280
67 : #404422 : -270
77 : #3a4422 : -260
87 : #354422 : -250
97 : #2f4422 : -240
107 : #294422 : -230
117 : #244422 : -220
127 : #224426 : -210
137 : #22442c : -200
147 : #224431 : -190
157 : #224437 : -180
167 : #22443d : -170
177 : #224442 : -160
187 : #224044 : -150
197 : #223a44 : -140
207 : #223544 : -130
217 : #222f44 : -120
227 : #222944 : -110
237 : #222444 : -100
247 : #262244 : -90
257 : #2c2244 : -80
267 : #312244 : -70
277 : #372244 : -60
287 : #3d2244 : -50
297 : #422244 : -40
307 : #442240 : -30
317 : #44223a : -20
327 : #442235 : -10
337 : #44222f : ±0
347 : #442229 : +10
357 : #442224 : +20
327 : #442235 : -10
328 : #442234 : -9
329 : #442234 : -8
330 : #442233 : -7
331 : #442232 : -6
332 : #442232 : -5
333 : #442231 : -4
334 : #442231 : -3
335 : #442230 : -2
336 : #442230 : -1
337 : #44222f : ±0
338 : #44222f : +1
339 : #44222e : +2
340 : #44222d : +3
341 : #44222d : +4
342 : #44222c : +5
343 : #44222c : +6
344 : #44222b : +7
345 : #44222b : +8
346 : #44222a : +9
347 : #442229 : +10
S : 彩度 ( 33% )
(0%) 渋い ~ 鮮やか (100%)
1 : #343233 : -32
3 : #353133 : -30
5 : #363032 : -28
7 : #372f32 : -26
9 : #382e32 : -24
11 : #392d32 : -22
13 : #3a2c31 : -20
15 : #3b2b31 : -18
17 : #3c2a31 : -16
19 : #3d2931 : -14
21 : #3e2831 : -12
23 : #3f2730 : -10
25 : #402630 : -8
27 : #412530 : -6
29 : #422430 : -4
31 : #43232f : -2
33 : #44222f : ±0
35 : #45212f : +2
37 : #46202f : +4
39 : #471f2e : +6
41 : #481e2e : +8
43 : #491d2e : +10
45 : #4a1c2e : +12
47 : #4b1b2d : +14
49 : #4c1a2d : +16
51 : #4d192d : +18
53 : #4e182d : +20
55 : #4f172c : +22
57 : #50162c : +24
59 : #51152c : +26
61 : #52142c : +28
63 : #53132c : +30
65 : #54122b : +32
67 : #55112b : +34
69 : #56102b : +36
71 : #570f2b : +38
73 : #580e2a : +40
75 : #590d2a : +42
77 : #5a0c2a : +44
79 : #5b0b2a : +46
81 : #5c0a29 : +48
83 : #5d0929 : +50
85 : #5e0829 : +52
87 : #5f0729 : +54
89 : #600628 : +56
91 : #610528 : +58
93 : #620428 : +60
95 : #630328 : +62
97 : #640227 : +64
99 : #650127 : +66
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #070305 : -18
4 : #0e0709 : -16
6 : #140a0e : -14
8 : #1b0e13 : -12
10 : #221118 : -10
12 : #29151c : -8
14 : #2f1821 : -6
16 : #361b26 : -4
18 : #3d1f2a : -2
20 : #44222f : ±0
22 : #4b2634 : +2
24 : #512938 : +4
26 : #582c3d : +6
28 : #5f3042 : +8
30 : #663347 : +10
32 : #6d374b : +12
34 : #733a50 : +14
36 : #7a3e55 : +16
38 : #814159 : +18
40 : #88445e : +20
42 : #8e4863 : +22
44 : #954b68 : +24
46 : #9c4f6c : +26
48 : #a35271 : +28
50 : #aa5576 : +30
52 : #ad5c7b : +32
54 : #b06381 : +34
56 : #b46a86 : +36
58 : #b7718c : +38
60 : #bb7791 : +40
62 : #be7e97 : +42
64 : #c1859c : +44
66 : #c58ca2 : +46
68 : #c892a7 : +48
70 : #cc99ad : +50
72 : #cfa0b2 : +52
74 : #d3a7b8 : +54
76 : #d6aebd : +56
78 : #d9b4c3 : +58
80 : #ddbbc8 : +60
82 : #e0c2ce : +62
84 : #e4c9d3 : +64
86 : #e7d0d9 : +66
88 : #ead6de : +68
90 : #eedde4 : +70
92 : #f1e4e9 : +72
94 : #f5ebef : +74
96 : #f8f1f4 : +76
98 : #fcf8fa : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow