#381e37
RGB ( 赤 = 56, 緑 = 30, 青 = 55 )
HSL ( 色相 = 302°, 彩度 = 30%, 明度 = 17% )
H : 色相 ( 302° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #381f1e : -300
12 : #38241e : -290
22 : #38281e : -280
32 : #382c1e : -270
42 : #38311e : -260
52 : #38351e : -250
62 : #37381e : -240
72 : #33381e : -230
82 : #2f381e : -220
92 : #2a381e : -210
102 : #26381e : -200
112 : #22381e : -190
122 : #1e381f : -180
132 : #1e3824 : -170
142 : #1e3828 : -160
152 : #1e382c : -150
162 : #1e3831 : -140
172 : #1e3835 : -130
182 : #1e3738 : -120
192 : #1e3338 : -110
202 : #1e2f38 : -100
212 : #1e2a38 : -90
222 : #1e2638 : -80
232 : #1e2238 : -70
242 : #1f1e38 : -60
252 : #241e38 : -50
262 : #281e38 : -40
272 : #2c1e38 : -30
282 : #311e38 : -20
292 : #351e38 : -10
302 : #381e37 : ±0
312 : #381e33 : +10
322 : #381e2f : +20
332 : #381e2a : +30
342 : #381e26 : +40
352 : #381e22 : +50
292 : #351e38 : -10
293 : #351e38 : -9
294 : #361e38 : -8
295 : #361e38 : -7
296 : #371e38 : -6
297 : #371e38 : -5
298 : #371e38 : -4
299 : #381e38 : -3
300 : #381e38 : -2
301 : #381e38 : -1
302 : #381e37 : ±0
303 : #381e37 : +1
304 : #381e37 : +2
305 : #381e36 : +3
306 : #381e36 : +4
307 : #381e35 : +5
308 : #381e35 : +6
309 : #381e34 : +7
310 : #381e34 : +8
311 : #381e34 : +9
312 : #381e33 : +10
S : 彩度 ( 30% )
(0%) 渋い ～ 鮮やか (100%)
0 : #2b2b2b : -30
2 : #2c2a2c : -28
4 : #2d2a2d : -26
6 : #2e292e : -24
8 : #2f282f : -22
10 : #30272f : -20
12 : #312630 : -18
14 : #312531 : -16
16 : #322432 : -14
18 : #332433 : -12
20 : #342333 : -10
22 : #352234 : -8
24 : #362135 : -6
26 : #372036 : -4
28 : #371f37 : -2
30 : #381e37 : ±0
32 : #391d38 : +2
34 : #3a1d39 : +4
36 : #3b1c3a : +6
38 : #3c1b3b : +8
40 : #3d1a3c : +10
42 : #3e193c : +12
44 : #3e183d : +14
46 : #3f173e : +16
48 : #40173f : +18
50 : #411640 : +20
52 : #421540 : +22
54 : #431441 : +24
56 : #441342 : +26
58 : #441243 : +28
60 : #451144 : +30
62 : #461044 : +32
64 : #471045 : +34
66 : #480f46 : +36
68 : #490e47 : +38
70 : #4a0d48 : +40
72 : #4b0c48 : +42
74 : #4b0b49 : +44
76 : #4c0a4a : +46
78 : #4d0a4b : +48
80 : #4e094c : +50
82 : #4f084d : +52
84 : #50074d : +54
86 : #51064e : +56
88 : #51054f : +58
90 : #520450 : +60
92 : #530351 : +62
94 : #540351 : +64
96 : #550252 : +66
98 : #560153 : +68
100 : #570054 : +70
L : 明度 ( 17% )
(0%) 暗い ～ 明るい (100%)
1 : #030203 : -16
3 : #0a050a : -14
5 : #110910 : -12
7 : #170c17 : -10
9 : #1e101d : -8
11 : #241424 : -6
13 : #2b172a : -4
15 : #321b31 : -2
17 : #381e37 : ±0
19 : #3f223e : +2
21 : #462545 : +4
23 : #4c294b : +6
25 : #532d52 : +8
27 : #5a3058 : +10
29 : #60345f : +12
31 : #673765 : +14
33 : #6d3b6c : +16
35 : #743e72 : +18
37 : #7b4279 : +20
39 : #81467f : +22
41 : #884986 : +24
43 : #8f4d8c : +26
45 : #955093 : +28
47 : #9c5499 : +30
49 : #a257a0 : +32
51 : #a85da5 : +34
53 : #ab63a9 : +36
55 : #af6aac : +38
57 : #b270b0 : +40
59 : #b677b4 : +42
61 : #b97eb7 : +44
63 : #bd84bb : +46
65 : #c18bbf : +48
67 : #c492c2 : +50
69 : #c898c6 : +52
71 : #cb9fca : +54
73 : #cfa5cd : +56
75 : #d2acd1 : +58
77 : #d6b3d5 : +60
79 : #dab9d8 : +62
81 : #ddc0dc : +64
83 : #e1c7e0 : +66
85 : #e4cde3 : +68
87 : #e8d4e7 : +70
89 : #ebdbeb : +72
91 : #efe1ee : +74
93 : #f3e8f2 : +76
95 : #f6eef6 : +78
97 : #faf5f9 : +80
99 : #fdfcfd : +82
CSS入門、作ってます。
text-shadow