#3f4b46
RGB ( 赤 = 63, 緑 = 75, 青 = 70 )
HSL ( 色相 = 155°, 彩度 = 9%, 明度 = 27% )
H : 色相 ( 155° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #4b403f : -150
15 : #4b423f : -140
25 : #4b443f : -130
35 : #4b463f : -120
45 : #4b483f : -110
55 : #4b4a3f : -100
65 : #4a4b3f : -90
75 : #484b3f : -80
85 : #464b3f : -70
95 : #444b3f : -60
105 : #424b3f : -50
115 : #404b3f : -40
125 : #3f4b40 : -30
135 : #3f4b42 : -20
145 : #3f4b44 : -10
155 : #3f4b46 : ±0
165 : #3f4b48 : +10
175 : #3f4b4a : +20
185 : #3f4a4b : +30
195 : #3f484b : +40
205 : #3f464b : +50
215 : #3f444b : +60
225 : #3f424b : +70
235 : #3f404b : +80
245 : #403f4b : +90
255 : #423f4b : +100
265 : #443f4b : +110
275 : #463f4b : +120
285 : #483f4b : +130
295 : #4a3f4b : +140
305 : #4b3f4a : +150
315 : #4b3f48 : +160
325 : #4b3f46 : +170
335 : #4b3f44 : +180
345 : #4b3f42 : +190
355 : #4b3f40 : +200
145 : #3f4b44 : -10
146 : #3f4b44 : -9
147 : #3f4b44 : -8
148 : #3f4b44 : -7
149 : #3f4b45 : -6
150 : #3f4b45 : -5
151 : #3f4b45 : -4
152 : #3f4b45 : -3
153 : #3f4b45 : -2
154 : #3f4b46 : -1
155 : #3f4b46 : ±0
156 : #3f4b46 : +1
157 : #3f4b46 : +2
158 : #3f4b47 : +3
159 : #3f4b47 : +4
160 : #3f4b47 : +5
161 : #3f4b47 : +6
162 : #3f4b47 : +7
163 : #3f4b48 : +8
164 : #3f4b48 : +9
165 : #3f4b48 : +10
S : 彩度 ( 9% )
(0%) 渋い ~ 鮮やか (100%)
1 : #444645 : -8
3 : #434745 : -6
5 : #414845 : -4
7 : #404a46 : -2
9 : #3f4b46 : ±0
11 : #3d4c46 : +2
13 : #3c4e46 : +4
15 : #3b4f47 : +6
17 : #395147 : +8
19 : #385247 : +10
21 : #365347 : +12
23 : #355547 : +14
25 : #345648 : +16
27 : #325748 : +18
29 : #315948 : +20
31 : #305a48 : +22
33 : #2e5c49 : +24
35 : #2d5d49 : +26
37 : #2b5e49 : +28
39 : #2a6049 : +30
41 : #29614a : +32
43 : #27624a : +34
45 : #26644a : +36
47 : #24654a : +38
49 : #23674a : +40
51 : #22684b : +42
53 : #20694b : +44
55 : #1f6b4b : +46
57 : #1e6c4b : +48
59 : #1c6d4c : +50
61 : #1b6f4c : +52
63 : #19704c : +54
65 : #18724c : +56
67 : #17734d : +58
69 : #15744d : +60
71 : #14764d : +62
73 : #13774d : +64
75 : #11784d : +66
77 : #107a4e : +68
79 : #0e7b4e : +70
81 : #0d7d4e : +72
83 : #0c7e4e : +74
85 : #0a7f4f : +76
87 : #09814f : +78
89 : #08824f : +80
91 : #06844f : +82
93 : #058550 : +84
95 : #038650 : +86
97 : #028850 : +88
99 : #018950 : +90
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -26
3 : #070808 : -24
5 : #0c0e0d : -22
7 : #101312 : -20
9 : #151917 : -18
11 : #1a1f1c : -16
13 : #1e2422 : -14
15 : #232a27 : -12
17 : #272f2c : -10
19 : #2c3531 : -8
21 : #313a36 : -6
23 : #35403c : -4
25 : #3a4541 : -2
27 : #3f4b46 : ±0
29 : #43514b : +2
31 : #485650 : +4
33 : #4d5c55 : +6
35 : #51615b : +8
37 : #566760 : +10
39 : #5a6c65 : +12
41 : #5f726a : +14
43 : #64786f : +16
45 : #687d74 : +18
47 : #6d837a : +20
49 : #72887f : +22
51 : #778d84 : +24
53 : #7c9289 : +26
55 : #82978e : +28
57 : #879b93 : +30
59 : #8da098 : +32
61 : #93a59d : +34
63 : #98a9a2 : +36
65 : #9eaea7 : +38
67 : #a3b2ac : +40
69 : #a9b7b1 : +42
71 : #aebcb6 : +44
73 : #b4c0bb : +46
75 : #bac5c0 : +48
77 : #bfcac5 : +50
79 : #c5ceca : +52
81 : #cad3cf : +54
83 : #d0d8d4 : +56
85 : #d5dcd9 : +58
87 : #dbe1de : +60
89 : #e0e5e3 : +62
91 : #e6eae8 : +64
93 : #ecefed : +66
95 : #f1f3f2 : +68
97 : #f7f8f7 : +70
99 : #fcfdfc : +72
CSS入門、作ってます。
text-shadow