#30193e
RGB ( 赤 = 48, 緑 = 25, 青 = 62 )
HSL ( 色相 = 277°, 彩度 = 43%, 明度 = 17% )
H : 色相 ( 277° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #3e1d19 : -270
17 : #3e2319 : -260
27 : #3e2919 : -250
37 : #3e3019 : -240
47 : #3e3619 : -230
57 : #3e3c19 : -220
67 : #3a3e19 : -210
77 : #333e19 : -200
87 : #2d3e19 : -190
97 : #273e19 : -180
107 : #213e19 : -170
117 : #1b3e19 : -160
127 : #193e1d : -150
137 : #193e23 : -140
147 : #193e29 : -130
157 : #193e30 : -120
167 : #193e36 : -110
177 : #193e3c : -100
187 : #193a3e : -90
197 : #19333e : -80
207 : #192d3e : -70
217 : #19273e : -60
227 : #19213e : -50
237 : #191b3e : -40
247 : #1d193e : -30
257 : #23193e : -20
267 : #29193e : -10
277 : #30193e : ±0
287 : #36193e : +10
297 : #3c193e : +20
307 : #3e193a : +30
317 : #3e1933 : +40
327 : #3e192d : +50
337 : #3e1927 : +60
347 : #3e1921 : +70
357 : #3e191b : +80
267 : #29193e : -10
268 : #2a193e : -9
269 : #2b193e : -8
270 : #2b193e : -7
271 : #2c193e : -6
272 : #2d193e : -5
273 : #2d193e : -4
274 : #2e193e : -3
275 : #2e193e : -2
276 : #2f193e : -1
277 : #30193e : ±0
278 : #30193e : +1
279 : #31193e : +2
280 : #32193e : +3
281 : #32193e : +4
282 : #33193e : +5
283 : #33193e : +6
284 : #34193e : +7
285 : #35193e : +8
286 : #35193e : +9
287 : #36193e : +10
S : 彩度 ( 43% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2b2b2c : -42
3 : #2c2a2d : -40
5 : #2c292e : -38
7 : #2c282e : -36
9 : #2c272f : -34
11 : #2c2730 : -32
13 : #2d2631 : -30
15 : #2d2532 : -28
17 : #2d2433 : -26
19 : #2d2334 : -24
21 : #2d2234 : -22
23 : #2e2135 : -20
25 : #2e2136 : -18
27 : #2e2037 : -16
29 : #2e1f38 : -14
31 : #2e1e39 : -12
33 : #2f1d3a : -10
35 : #2f1c3b : -8
37 : #2f1b3b : -6
39 : #2f1a3c : -4
41 : #2f1a3d : -2
43 : #30193e : ±0
45 : #30183f : +2
47 : #301740 : +4
49 : #301641 : +6
51 : #311541 : +8
53 : #311442 : +10
55 : #311443 : +12
57 : #311344 : +14
59 : #311245 : +16
61 : #321146 : +18
63 : #321047 : +20
65 : #320f48 : +22
67 : #320e48 : +24
69 : #320d49 : +26
71 : #330d4a : +28
73 : #330c4b : +30
75 : #330b4c : +32
77 : #330a4d : +34
79 : #33094e : +36
81 : #34084e : +38
83 : #34074f : +40
85 : #340750 : +42
87 : #340651 : +44
89 : #340552 : +46
91 : #350453 : +48
93 : #350354 : +50
95 : #350255 : +52
97 : #350155 : +54
99 : #350056 : +56
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -16
3 : #08040b : -14
5 : #0e0712 : -12
7 : #140a1a : -10
9 : #190d21 : -8
11 : #1f1028 : -6
13 : #24132f : -4
15 : #2a1637 : -2
17 : #30193e : ±0
19 : #351c45 : +2
21 : #3b1f4d : +4
23 : #412154 : +6
25 : #46245b : +8
27 : #4c2762 : +10
29 : #512a6a : +12
31 : #572d71 : +14
33 : #5d3078 : +16
35 : #623380 : +18
37 : #683687 : +20
39 : #6d398e : +22
41 : #733c96 : +24
43 : #793f9d : +26
45 : #7e41a4 : +28
47 : #8444ab : +30
49 : #8947b3 : +32
51 : #8f4cb8 : +34
53 : #9354bb : +36
55 : #985bbe : +38
57 : #9c62c0 : +40
59 : #a169c3 : +42
61 : #a671c6 : +44
63 : #aa78c9 : +46
65 : #af7fcc : +48
67 : #b387cf : +50
69 : #b88ed2 : +52
71 : #bc95d5 : +54
73 : #c19dd8 : +56
75 : #c6a4db : +58
77 : #caabde : +60
79 : #cfb2e0 : +62
81 : #d3bae3 : +64
83 : #d8c1e6 : +66
85 : #ddc8e9 : +68
87 : #e1d0ec : +70
89 : #e6d7ef : +72
91 : #eadef2 : +74
93 : #efe5f5 : +76
95 : #f4edf8 : +78
97 : #f8f4fb : +80
99 : #fdfbfe : +82
CSS入門、作ってます。
text-shadow