#381a37
RGB ( 赤 = 56, 緑 = 26, 青 = 55 )
HSL ( 色相 = 302°, 彩度 = 37%, 明度 = 16% )
H : 色相 ( 302° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #381b1a : -300
12 : #38201a : -290
22 : #38251a : -280
32 : #382a1a : -270
42 : #382f1a : -260
52 : #38341a : -250
62 : #37381a : -240
72 : #32381a : -230
82 : #2d381a : -220
92 : #28381a : -210
102 : #23381a : -200
112 : #1e381a : -190
122 : #1a381b : -180
132 : #1a3820 : -170
142 : #1a3825 : -160
152 : #1a382a : -150
162 : #1a382f : -140
172 : #1a3834 : -130
182 : #1a3738 : -120
192 : #1a3238 : -110
202 : #1a2d38 : -100
212 : #1a2838 : -90
222 : #1a2338 : -80
232 : #1a1e38 : -70
242 : #1b1a38 : -60
252 : #201a38 : -50
262 : #251a38 : -40
272 : #2a1a38 : -30
282 : #2f1a38 : -20
292 : #341a38 : -10
302 : #381a37 : ±0
312 : #381a32 : +10
322 : #381a2d : +20
332 : #381a28 : +30
342 : #381a23 : +40
352 : #381a1e : +50
292 : #341a38 : -10
293 : #341a38 : -9
294 : #351a38 : -8
295 : #351a38 : -7
296 : #361a38 : -6
297 : #361a38 : -5
298 : #371a38 : -4
299 : #371a38 : -3
300 : #381a38 : -2
301 : #381a37 : -1
302 : #381a37 : ±0
303 : #381a36 : +1
304 : #381a36 : +2
305 : #381a35 : +3
306 : #381a35 : +4
307 : #381a34 : +5
308 : #381a34 : +6
309 : #381a33 : +7
310 : #381a33 : +8
311 : #381a32 : +9
312 : #381a32 : +10
S : 彩度 ( 37% )
(0%) 渋い ~ 鮮やか (100%)
1 : #292829 : -36
3 : #2a282a : -34
5 : #2b272b : -32
7 : #2c262b : -30
9 : #2c252c : -28
11 : #2d242d : -26
13 : #2e232e : -24
15 : #2f232f : -22
17 : #30222f : -20
19 : #312130 : -18
21 : #312031 : -16
23 : #321f32 : -14
25 : #331f32 : -12
27 : #341e33 : -10
29 : #351d34 : -8
31 : #351c35 : -6
33 : #361b35 : -4
35 : #371b36 : -2
37 : #381a37 : ±0
39 : #391938 : +2
41 : #3a1838 : +4
43 : #3a1739 : +6
45 : #3b163a : +8
47 : #3c163b : +10
49 : #3d153b : +12
51 : #3e143c : +14
53 : #3e133d : +16
55 : #3f123e : +18
57 : #40123f : +20
59 : #41113f : +22
61 : #421040 : +24
63 : #430f41 : +26
65 : #430e42 : +28
67 : #440d42 : +30
69 : #450d43 : +32
71 : #460c44 : +34
73 : #470b45 : +36
75 : #470a45 : +38
77 : #480946 : +40
79 : #490947 : +42
81 : #4a0848 : +44
83 : #4b0748 : +46
85 : #4b0649 : +48
87 : #4c054a : +50
89 : #4d044b : +52
91 : #4e044b : +54
93 : #4f034c : +56
95 : #50024d : +58
97 : #50014e : +60
99 : #51004e : +62
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #070307 : -14
4 : #0e060e : -12
6 : #150a15 : -10
8 : #1c0d1b : -8
10 : #231022 : -6
12 : #2a1329 : -4
14 : #311630 : -2
16 : #381a37 : ±0
18 : #3f1d3e : +2
20 : #462045 : +4
22 : #4d234b : +6
24 : #542752 : +8
26 : #5b2a59 : +10
28 : #622d60 : +12
30 : #693067 : +14
32 : #70336e : +16
34 : #773775 : +18
36 : #7e3a7c : +20
38 : #853d82 : +22
40 : #8c4089 : +24
42 : #934390 : +26
44 : #9a4797 : +28
46 : #a14a9e : +30
48 : #a84da5 : +32
50 : #af50ac : +34
52 : #b257af : +36
54 : #b55eb2 : +38
56 : #b865b6 : +40
58 : #bc6cb9 : +42
60 : #bf73bc : +44
62 : #c27ac0 : +46
64 : #c581c3 : +48
66 : #c888c6 : +50
68 : #cc8fca : +52
70 : #cf96cd : +54
72 : #d29dd0 : +56
74 : #d5a4d4 : +58
76 : #d8abd7 : +60
78 : #dcb2da : +62
80 : #dfb9de : +64
82 : #e2c0e1 : +66
84 : #e5c7e4 : +68
86 : #e9cee8 : +70
88 : #ecd5eb : +72
90 : #efdcee : +74
92 : #f2e3f2 : +76
94 : #f5eaf5 : +78
96 : #f9f1f8 : +80
98 : #fcf8fc : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow