#1c1f3f
RGB ( 赤 = 28, 緑 = 31, 青 = 63 )
HSL ( 色相 = 235°, 彩度 = 38%, 明度 = 18% )
H : 色相 ( 235° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #3f1f1c : -230
15 : #3f251c : -220
25 : #3f2b1c : -210
35 : #3f311c : -200
45 : #3f371c : -190
55 : #3f3c1c : -180
65 : #3c3f1c : -170
75 : #373f1c : -160
85 : #313f1c : -150
95 : #2b3f1c : -140
105 : #253f1c : -130
115 : #1f3f1c : -120
125 : #1c3f1f : -110
135 : #1c3f25 : -100
145 : #1c3f2b : -90
155 : #1c3f31 : -80
165 : #1c3f37 : -70
175 : #1c3f3c : -60
185 : #1c3c3f : -50
195 : #1c373f : -40
205 : #1c313f : -30
215 : #1c2b3f : -20
225 : #1c253f : -10
235 : #1c1f3f : ±0
245 : #1f1c3f : +10
255 : #251c3f : +20
265 : #2b1c3f : +30
275 : #311c3f : +40
285 : #371c3f : +50
295 : #3c1c3f : +60
305 : #3f1c3c : +70
315 : #3f1c37 : +80
325 : #3f1c31 : +90
335 : #3f1c2b : +100
345 : #3f1c25 : +110
355 : #3f1c1f : +120
225 : #1c253f : -10
226 : #1c253f : -9
227 : #1c243f : -8
228 : #1c233f : -7
229 : #1c233f : -6
230 : #1c223f : -5
231 : #1c223f : -4
232 : #1c213f : -3
233 : #1c213f : -2
234 : #1c203f : -1
235 : #1c1f3f : ±0
236 : #1c1f3f : +1
237 : #1c1e3f : +2
238 : #1c1e3f : +3
239 : #1c1d3f : +4
240 : #1c1c3f : +5
241 : #1d1c3f : +6
242 : #1e1c3f : +7
243 : #1e1c3f : +8
244 : #1f1c3f : +9
245 : #1f1c3f : +10
S : 彩度 ( 38% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -38
2 : #2d2d2f : -36
4 : #2c2c30 : -34
6 : #2b2c31 : -32
8 : #2a2b32 : -30
10 : #292a32 : -28
12 : #282933 : -26
14 : #272934 : -24
16 : #272835 : -22
18 : #262736 : -20
20 : #252637 : -18
22 : #242538 : -16
24 : #232539 : -14
26 : #22243a : -12
28 : #21233b : -10
30 : #20223c : -8
32 : #1f223d : -6
34 : #1e213e : -4
36 : #1d203e : -2
38 : #1c1f3f : ±0
40 : #1c1f40 : +2
42 : #1b1e41 : +4
44 : #1a1d42 : +6
46 : #191c43 : +8
48 : #181c44 : +10
50 : #171b45 : +12
52 : #161a46 : +14
54 : #151947 : +16
56 : #141848 : +18
58 : #131849 : +20
60 : #121749 : +22
62 : #11164a : +24
64 : #11154b : +26
66 : #10154c : +28
68 : #0f144d : +30
70 : #0e134e : +32
72 : #0d124f : +34
74 : #0c1250 : +36
76 : #0b1151 : +38
78 : #0a1052 : +40
80 : #090f53 : +42
82 : #080f54 : +44
84 : #070e54 : +46
86 : #060d55 : +48
88 : #060c56 : +50
90 : #050b57 : +52
92 : #040b58 : +54
94 : #030a59 : +56
96 : #02095a : +58
98 : #01085b : +60
100 : #00085c : +62
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #030307 : -16
4 : #06070e : -14
6 : #090a15 : -12
8 : #0d0e1c : -10
10 : #101123 : -8
12 : #13152a : -6
14 : #161831 : -4
16 : #191c38 : -2
18 : #1c1f3f : ±0
20 : #202346 : +2
22 : #23264d : +4
24 : #262a54 : +6
26 : #292d5b : +8
28 : #2c3163 : +10
30 : #2f346a : +12
32 : #333871 : +14
34 : #363b78 : +16
36 : #393f7f : +18
38 : #3c4286 : +20
40 : #3f468d : +22
42 : #424994 : +24
44 : #464d9b : +26
46 : #4950a2 : +28
48 : #4c54a9 : +30
50 : #4f57b0 : +32
52 : #565eb3 : +34
54 : #5d65b6 : +36
56 : #646bb9 : +38
58 : #6b72bd : +40
60 : #7279c0 : +42
62 : #797fc3 : +44
64 : #8086c6 : +46
66 : #878dc9 : +48
68 : #8e94cc : +50
70 : #959ad0 : +52
72 : #9ca1d3 : +54
74 : #a4a8d6 : +56
76 : #abaed9 : +58
78 : #b2b5dc : +60
80 : #b9bcdf : +62
82 : #c0c3e3 : +64
84 : #c7c9e6 : +66
86 : #ced0e9 : +68
88 : #d5d7ec : +70
90 : #dcddef : +72
92 : #e3e4f2 : +74
94 : #eaebf6 : +76
96 : #f1f2f9 : +78
98 : #f8f8fc : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow