#18192f
RGB ( 赤 = 24, 緑 = 25, 青 = 47 )
HSL ( 色相 = 237°, 彩度 = 32%, 明度 = 14% )
H : 色相 ( 237° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #2f1b18 : -230
17 : #2f1f18 : -220
27 : #2f2318 : -210
37 : #2f2618 : -200
47 : #2f2a18 : -190
57 : #2f2e18 : -180
67 : #2c2f18 : -170
77 : #292f18 : -160
87 : #252f18 : -150
97 : #212f18 : -140
107 : #1d2f18 : -130
117 : #192f18 : -120
127 : #182f1b : -110
137 : #182f1f : -100
147 : #182f23 : -90
157 : #182f26 : -80
167 : #182f2a : -70
177 : #182f2e : -60
187 : #182c2f : -50
197 : #18292f : -40
207 : #18252f : -30
217 : #18212f : -20
227 : #181d2f : -10
237 : #18192f : ±0
247 : #1b182f : +10
257 : #1f182f : +20
267 : #23182f : +30
277 : #26182f : +40
287 : #2a182f : +50
297 : #2e182f : +60
307 : #2f182c : +70
317 : #2f1829 : +80
327 : #2f1825 : +90
337 : #2f1821 : +100
347 : #2f181d : +110
357 : #2f1819 : +120
227 : #181d2f : -10
228 : #181d2f : -9
229 : #181c2f : -8
230 : #181c2f : -7
231 : #181c2f : -6
232 : #181b2f : -5
233 : #181b2f : -4
234 : #181b2f : -3
235 : #181a2f : -2
236 : #181a2f : -1
237 : #18192f : ±0
238 : #18192f : +1
239 : #18192f : +2
240 : #18182f : +3
241 : #19182f : +4
242 : #19182f : +5
243 : #19182f : +6
244 : #1a182f : +7
245 : #1a182f : +8
246 : #1b182f : +9
247 : #1b182f : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -32
2 : #232324 : -30
4 : #222225 : -28
6 : #222226 : -26
8 : #212127 : -24
10 : #202027 : -22
12 : #1f2028 : -20
14 : #1f1f29 : -18
16 : #1e1f29 : -16
18 : #1d1e2a : -14
20 : #1d1d2b : -12
22 : #1c1d2c : -10
24 : #1b1c2c : -8
26 : #1a1b2d : -6
28 : #1a1b2e : -4
30 : #191a2e : -2
32 : #18192f : ±0
34 : #181930 : +2
36 : #171831 : +4
38 : #161731 : +6
40 : #151732 : +8
42 : #151633 : +10
44 : #141633 : +12
46 : #131534 : +14
48 : #131435 : +16
50 : #121436 : +18
52 : #111336 : +20
54 : #101237 : +22
56 : #101238 : +24
58 : #0f1138 : +26
60 : #0e1039 : +28
62 : #0e103a : +30
64 : #0d0f3b : +32
66 : #0c0e3b : +34
68 : #0b0e3c : +36
70 : #0b0d3d : +38
72 : #0a0d3d : +40
74 : #090c3e : +42
76 : #090b3f : +44
78 : #080b40 : +46
80 : #070a40 : +48
82 : #060941 : +50
84 : #060942 : +52
86 : #050842 : +54
88 : #040743 : +56
90 : #040744 : +58
92 : #030645 : +60
94 : #020545 : +62
96 : #010546 : +64
98 : #010447 : +66
100 : #000447 : +68
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #030407 : -12
4 : #07070d : -10
6 : #0a0b14 : -8
8 : #0e0f1b : -6
10 : #111222 : -4
12 : #151628 : -2
14 : #18192f : ±0
16 : #1c1d36 : +2
18 : #1f213d : +4
20 : #232443 : +6
22 : #26284a : +8
24 : #2a2c51 : +10
26 : #2d2f58 : +12
28 : #31335e : +14
30 : #343665 : +16
32 : #373a6c : +18
34 : #3b3e72 : +20
36 : #3e4179 : +22
38 : #424580 : +24
40 : #454987 : +26
42 : #494c8d : +28
44 : #4c5094 : +30
46 : #50549b : +32
48 : #5357a2 : +34
50 : #575ba8 : +36
52 : #5d61ac : +38
54 : #6468af : +40
56 : #6b6eb3 : +42
58 : #7275b6 : +44
60 : #787cba : +46
62 : #7f82bd : +48
64 : #8689c1 : +50
66 : #8d8fc4 : +52
68 : #9396c8 : +54
70 : #9a9ccb : +56
72 : #a1a3ce : +58
74 : #a7aad2 : +60
76 : #aeb0d5 : +62
78 : #b5b7d9 : +64
80 : #bcbddc : +66
82 : #c2c4e0 : +68
84 : #c9cae3 : +70
86 : #d0d1e7 : +72
88 : #d7d8ea : +74
90 : #dddeee : +76
92 : #e4e5f1 : +78
94 : #ebebf5 : +80
96 : #f2f2f8 : +82
98 : #f8f8fc : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow