#381d3a
RGB ( 赤 = 56, 緑 = 29, 青 = 58 )
HSL ( 色相 = 296°, 彩度 = 33%, 明度 = 17% )
H : 色相 ( 296° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #3a201d : -290
16 : #3a251d : -280
26 : #3a291d : -270
36 : #3a2e1d : -260
46 : #3a331d : -250
56 : #3a381d : -240
66 : #373a1d : -230
76 : #323a1d : -220
86 : #2d3a1d : -210
96 : #283a1d : -200
106 : #243a1d : -190
116 : #1f3a1d : -180
126 : #1d3a20 : -170
136 : #1d3a25 : -160
146 : #1d3a29 : -150
156 : #1d3a2e : -140
166 : #1d3a33 : -130
176 : #1d3a38 : -120
186 : #1d373a : -110
196 : #1d323a : -100
206 : #1d2d3a : -90
216 : #1d283a : -80
226 : #1d243a : -70
236 : #1d1f3a : -60
246 : #201d3a : -50
256 : #251d3a : -40
266 : #291d3a : -30
276 : #2e1d3a : -20
286 : #331d3a : -10
296 : #381d3a : ±0
306 : #3a1d37 : +10
316 : #3a1d32 : +20
326 : #3a1d2d : +30
336 : #3a1d28 : +40
346 : #3a1d24 : +50
356 : #3a1d1f : +60
286 : #331d3a : -10
287 : #331d3a : -9
288 : #341d3a : -8
289 : #341d3a : -7
290 : #351d3a : -6
291 : #351d3a : -5
292 : #361d3a : -4
293 : #361d3a : -3
294 : #371d3a : -2
295 : #371d3a : -1
296 : #381d3a : ±0
297 : #381d3a : +1
298 : #391d3a : +2
299 : #391d3a : +3
300 : #3a1d3a : +4
301 : #3a1d39 : +5
302 : #3a1d39 : +6
303 : #3a1d38 : +7
304 : #3a1d38 : +8
305 : #3a1d37 : +9
306 : #3a1d37 : +10
S : 彩度 ( 33% )
(0%) 渋い ～ 鮮やか (100%)
1 : #2c2b2c : -32
3 : #2c2a2d : -30
5 : #2d292e : -28
7 : #2e282e : -26
9 : #2f272f : -24
11 : #2f2730 : -22
13 : #302631 : -20
15 : #312532 : -18
17 : #322433 : -16
19 : #322334 : -14
21 : #332234 : -12
23 : #342135 : -10
25 : #352136 : -8
27 : #352037 : -6
29 : #361f38 : -4
31 : #371e39 : -2
33 : #381d3a : ±0
35 : #381c3b : +2
37 : #391b3b : +4
39 : #3a1a3c : +6
41 : #3b1a3d : +8
43 : #3c193e : +10
45 : #3c183f : +12
47 : #3d1740 : +14
49 : #3e1641 : +16
51 : #3f1541 : +18
53 : #3f1442 : +20
55 : #401443 : +22
57 : #411344 : +24
59 : #421245 : +26
61 : #421146 : +28
63 : #431047 : +30
65 : #440f48 : +32
67 : #450e48 : +34
69 : #450d49 : +36
71 : #460d4a : +38
73 : #470c4b : +40
75 : #480b4c : +42
77 : #480a4d : +44
79 : #49094e : +46
81 : #4a084e : +48
83 : #4b074f : +50
85 : #4b0750 : +52
87 : #4c0651 : +54
89 : #4d0552 : +56
91 : #4e0453 : +58
93 : #4e0354 : +60
95 : #4f0255 : +62
97 : #500155 : +64
99 : #510056 : +66
L : 明度 ( 17% )
(0%) 暗い ～ 明るい (100%)
1 : #030203 : -16
3 : #0a050a : -14
5 : #100911 : -12
7 : #170c18 : -10
9 : #1e0f1f : -8
11 : #241325 : -6
13 : #2b162c : -4
15 : #311a33 : -2
17 : #381d3a : ±0
19 : #3e2040 : +2
21 : #452447 : +4
23 : #4b274e : +6
25 : #522b55 : +8
27 : #592e5c : +10
29 : #5f3262 : +12
31 : #663569 : +14
33 : #6c3870 : +16
35 : #733c77 : +18
37 : #793f7d : +20
39 : #804384 : +22
41 : #86468b : +24
43 : #8d4992 : +26
45 : #944d99 : +28
47 : #9a509f : +30
49 : #a154a6 : +32
51 : #a659ab : +34
53 : #a960af : +36
55 : #ad66b2 : +38
57 : #b16db6 : +40
59 : #b474b9 : +42
61 : #b87bbc : +44
63 : #bc82c0 : +46
65 : #bf88c3 : +48
67 : #c38fc7 : +50
69 : #c796ca : +52
71 : #ca9dcd : +54
73 : #cea3d1 : +56
75 : #d1aad4 : +58
77 : #d5b1d8 : +60
79 : #d9b8db : +62
81 : #dcbfdf : +64
83 : #e0c5e2 : +66
85 : #e4cce5 : +68
87 : #e7d3e9 : +70
89 : #ebdaec : +72
91 : #efe0f0 : +74
93 : #f2e7f3 : +76
95 : #f6eef6 : +78
97 : #faf5fa : +80
99 : #fdfcfd : +82
CSS入門、作ってます。
text-shadow