#111f31
RGB ( 赤 = 17, 緑 = 31, 青 = 49 )
HSL ( 色相 = 214°, 彩度 = 48%, 明度 = 13% )
H : 色相 ( 214° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #311311 : -210
14 : #311911 : -200
24 : #311e11 : -190
34 : #312311 : -180
44 : #312911 : -170
54 : #312e11 : -160
64 : #2f3111 : -150
74 : #2a3111 : -140
84 : #243111 : -130
94 : #1f3111 : -120
104 : #1a3111 : -110
114 : #143111 : -100
124 : #113113 : -90
134 : #113119 : -80
144 : #11311e : -70
154 : #113123 : -60
164 : #113129 : -50
174 : #11312e : -40
184 : #112f31 : -30
194 : #112a31 : -20
204 : #112431 : -10
214 : #111f31 : ±0
224 : #111a31 : +10
234 : #111431 : +20
244 : #131131 : +30
254 : #191131 : +40
264 : #1e1131 : +50
274 : #231131 : +60
284 : #291131 : +70
294 : #2e1131 : +80
304 : #31112f : +90
314 : #31112a : +100
324 : #311124 : +110
334 : #31111f : +120
344 : #31111a : +130
354 : #311114 : +140
204 : #112431 : -10
205 : #112431 : -9
206 : #112331 : -8
207 : #112331 : -7
208 : #112231 : -6
209 : #112231 : -5
210 : #112131 : -4
211 : #112131 : -3
212 : #112031 : -2
213 : #112031 : -1
214 : #111f31 : ±0
215 : #111e31 : +1
216 : #111e31 : +2
217 : #111d31 : +3
218 : #111d31 : +4
219 : #111c31 : +5
220 : #111c31 : +6
221 : #111b31 : +7
222 : #111b31 : +8
223 : #111a31 : +9
224 : #111a31 : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #212121 : -48
2 : #202122 : -46
4 : #202122 : -44
6 : #1f2123 : -42
8 : #1e2124 : -40
10 : #1e2124 : -38
12 : #1d2125 : -36
14 : #1d2126 : -34
16 : #1c2026 : -32
18 : #1b2027 : -30
20 : #1b2028 : -28
22 : #1a2028 : -26
24 : #192029 : -24
26 : #19202a : -22
28 : #18202a : -20
30 : #17202b : -18
32 : #17202c : -16
34 : #16202c : -14
36 : #15202d : -12
38 : #151f2e : -10
40 : #141f2e : -8
42 : #131f2f : -6
44 : #131f30 : -4
46 : #121f30 : -2
48 : #111f31 : ±0
50 : #111f32 : +2
52 : #101f32 : +4
54 : #0f1f33 : +6
56 : #0f1f34 : +8
58 : #0e1f34 : +10
60 : #0d1e35 : +12
62 : #0d1e36 : +14
64 : #0c1e36 : +16
66 : #0b1e37 : +18
68 : #0b1e38 : +20
70 : #0a1e38 : +22
72 : #091e39 : +24
74 : #091e3a : +26
76 : #081e3a : +28
78 : #071e3b : +30
80 : #071e3c : +32
82 : #061e3c : +34
84 : #051d3d : +36
86 : #051d3e : +38
88 : #041d3e : +40
90 : #031d3f : +42
92 : #031d40 : +44
94 : #021d40 : +46
96 : #011d41 : +48
98 : #011d42 : +50
100 : #001d42 : +52
L : 明度 ( 13% )
(0%) 暗い ~ 明るい (100%)
1 : #010204 : -12
3 : #04070b : -10
5 : #070c13 : -8
7 : #09111a : -6
9 : #0c1522 : -4
11 : #0f1a2a : -2
13 : #111f31 : ±0
15 : #142439 : +2
17 : #172940 : +4
19 : #192d48 : +6
21 : #1c324f : +8
23 : #1e3757 : +10
25 : #213c5e : +12
27 : #244066 : +14
29 : #26456d : +16
31 : #294a75 : +18
33 : #2c4f7d : +20
35 : #2e5484 : +22
37 : #31588c : +24
39 : #345d93 : +26
41 : #36629b : +28
43 : #3967a2 : +30
45 : #3c6baa : +32
47 : #3e70b1 : +34
49 : #4175b9 : +36
51 : #467abe : +38
53 : #4e7fc1 : +40
55 : #5585c3 : +42
57 : #5d8ac6 : +44
59 : #6490c9 : +46
61 : #6c95cb : +48
63 : #739bce : +50
65 : #7ba0d1 : +52
67 : #82a5d3 : +54
69 : #8aabd6 : +56
71 : #92b0d9 : +58
73 : #99b6db : +60
75 : #a1bbde : +62
77 : #a8c1e1 : +64
79 : #b0c6e3 : +66
81 : #b7cbe6 : +68
83 : #bfd1e8 : +70
85 : #c6d6eb : +72
87 : #cedcee : +74
89 : #d5e1f0 : +76
91 : #dde7f3 : +78
93 : #e5ecf6 : +80
95 : #ecf1f8 : +82
97 : #f4f7fb : +84
99 : #fbfcfe : +86
CSS入門、作ってます。
text-shadow