#1f3947
RGB ( 赤 = 31, 緑 = 57, 青 = 71 )
HSL ( 色相 = 201°, 彩度 = 39%, 明度 = 20% )
H : 色相 ( 201° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #47201f : -200
11 : #47261f : -190
21 : #472d1f : -180
31 : #47341f : -170
41 : #473a1f : -160
51 : #47411f : -150
61 : #46471f : -140
71 : #40471f : -130
81 : #39471f : -120
91 : #32471f : -110
101 : #2c471f : -100
111 : #25471f : -90
121 : #1f4720 : -80
131 : #1f4726 : -70
141 : #1f472d : -60
151 : #1f4734 : -50
161 : #1f473a : -40
171 : #1f4741 : -30
181 : #1f4647 : -20
191 : #1f4047 : -10
201 : #1f3947 : ±0
211 : #1f3247 : +10
221 : #1f2c47 : +20
231 : #1f2547 : +30
241 : #201f47 : +40
251 : #261f47 : +50
261 : #2d1f47 : +60
271 : #341f47 : +70
281 : #3a1f47 : +80
291 : #411f47 : +90
301 : #471f46 : +100
311 : #471f40 : +110
321 : #471f39 : +120
331 : #471f32 : +130
341 : #471f2c : +140
351 : #471f25 : +150
191 : #1f4047 : -10
192 : #1f3f47 : -9
193 : #1f3e47 : -8
194 : #1f3e47 : -7
195 : #1f3d47 : -6
196 : #1f3c47 : -5
197 : #1f3c47 : -4
198 : #1f3b47 : -3
199 : #1f3a47 : -2
200 : #1f3a47 : -1
201 : #1f3947 : ±0
202 : #1f3847 : +1
203 : #1f3847 : +2
204 : #1f3747 : +3
205 : #1f3647 : +4
206 : #1f3647 : +5
207 : #1f3547 : +6
208 : #1f3447 : +7
209 : #1f3447 : +8
210 : #1f3347 : +9
211 : #1f3247 : +10
S : 彩度 ( 39% )
(0%) 渋い ~ 鮮やか (100%)
1 : #323334 : -38
3 : #313335 : -36
5 : #303436 : -34
7 : #2f3437 : -32
9 : #2e3438 : -30
11 : #2d3539 : -28
13 : #2c353a : -26
15 : #2b353b : -24
17 : #2a363c : -22
19 : #29363d : -20
21 : #28363e : -18
23 : #27373f : -16
25 : #263740 : -14
27 : #253741 : -12
29 : #243742 : -10
31 : #233843 : -8
33 : #223844 : -6
35 : #213845 : -4
37 : #203946 : -2
39 : #1f3947 : ±0
41 : #1e3948 : +2
43 : #1d3a49 : +4
45 : #1c3a4a : +6
47 : #1b3a4b : +8
49 : #1a3a4c : +10
51 : #193b4d : +12
53 : #183b4e : +14
55 : #173b4f : +16
57 : #163c50 : +18
59 : #153c51 : +20
61 : #143c52 : +22
63 : #133d53 : +24
65 : #123d54 : +26
67 : #113d55 : +28
69 : #103e56 : +30
71 : #0f3e57 : +32
73 : #0e3e58 : +34
75 : #0d3e59 : +36
77 : #0c3f5a : +38
79 : #0b3f5b : +40
81 : #0a3f5c : +42
83 : #09405d : +44
85 : #08405e : +46
87 : #07405f : +48
89 : #064160 : +50
91 : #054161 : +52
93 : #044162 : +54
95 : #034263 : +56
97 : #024264 : +58
99 : #014265 : +60
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #030607 : -18
4 : #060b0e : -16
6 : #091115 : -14
8 : #0c171c : -12
10 : #101c23 : -10
12 : #13222b : -8
14 : #162832 : -6
16 : #192e39 : -4
18 : #1c3340 : -2
20 : #1f3947 : ±0
22 : #223f4e : +2
24 : #254455 : +4
26 : #284a5c : +6
28 : #2c5063 : +8
30 : #2f556a : +10
32 : #325b71 : +12
34 : #356179 : +14
36 : #386780 : +16
38 : #3b6c87 : +18
40 : #3e728e : +20
42 : #417895 : +22
44 : #447d9c : +24
46 : #4883a3 : +26
48 : #4b89aa : +28
50 : #4e8eb1 : +30
52 : #5593b4 : +32
54 : #5c97b7 : +34
56 : #639cbb : +36
58 : #6aa0be : +38
60 : #71a5c1 : +40
62 : #78a9c4 : +42
64 : #7faec7 : +44
66 : #86b2ca : +46
68 : #8eb7cd : +48
70 : #95bbd0 : +50
72 : #9cc0d3 : +52
74 : #a3c4d7 : +54
76 : #aac9da : +56
78 : #b1cddd : +58
80 : #b8d2e0 : +60
82 : #bfd6e3 : +62
84 : #c6dbe6 : +64
86 : #cddfe9 : +66
88 : #d4e4ec : +68
90 : #dce8ef : +70
92 : #e3edf3 : +72
94 : #eaf1f6 : +74
96 : #f1f6f9 : +76
98 : #f8fafc : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow