#381e20
RGB ( 赤 = 56, 緑 = 30, 青 = 32 )
HSL ( 色相 = 355°, 彩度 = 30%, 明度 = 17% )
H : 色相 ( 355° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #38211e : -350
15 : #38251e : -340
25 : #38291e : -330
35 : #382e1e : -320
45 : #38321e : -310
55 : #38361e : -300
65 : #36381e : -290
75 : #32381e : -280
85 : #2e381e : -270
95 : #29381e : -260
105 : #25381e : -250
115 : #21381e : -240
125 : #1e3821 : -230
135 : #1e3825 : -220
145 : #1e3829 : -210
155 : #1e382e : -200
165 : #1e3832 : -190
175 : #1e3836 : -180
185 : #1e3638 : -170
195 : #1e3238 : -160
205 : #1e2e38 : -150
215 : #1e2938 : -140
225 : #1e2538 : -130
235 : #1e2138 : -120
245 : #211e38 : -110
255 : #251e38 : -100
265 : #291e38 : -90
275 : #2e1e38 : -80
285 : #321e38 : -70
295 : #361e38 : -60
305 : #381e36 : -50
315 : #381e32 : -40
325 : #381e2e : -30
335 : #381e29 : -20
345 : #381e25 : -10
355 : #381e21 : ±0
345 : #381e25 : -10
346 : #381e24 : -9
347 : #381e24 : -8
348 : #381e24 : -7
349 : #381e23 : -6
350 : #381e23 : -5
351 : #381e22 : -4
352 : #381e22 : -3
353 : #381e21 : -2
354 : #381e21 : -1
355 : #381e21 : ±0
356 : #381e20 : +1
357 : #381e20 : +2
358 : #381e1f : +3
359 : #381e1f : +4
0 : #381e1e : -355
1 : #381f1e : -354
2 : #381f1e : -353
3 : #38201e : -352
4 : #38201e : -351
5 : #38211e : -350
S : 彩度 ( 30% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2b2b2b : -30
2 : #2c2a2b : -28
4 : #2d2a2a : -26
6 : #2e2929 : -24
8 : #2f2828 : -22
10 : #302728 : -20
12 : #312627 : -18
14 : #312526 : -16
16 : #322426 : -14
18 : #332425 : -12
20 : #342324 : -10
22 : #352223 : -8
24 : #362123 : -6
26 : #372022 : -4
28 : #371f21 : -2
30 : #381e21 : ±0
32 : #391d20 : +2
34 : #3a1d1f : +4
36 : #3b1c1e : +6
38 : #3c1b1e : +8
40 : #3d1a1d : +10
42 : #3e191c : +12
44 : #3e181b : +14
46 : #3f171b : +16
48 : #40171a : +18
50 : #411619 : +20
52 : #421519 : +22
54 : #431418 : +24
56 : #441317 : +26
58 : #441216 : +28
60 : #451116 : +30
62 : #461015 : +32
64 : #471014 : +34
66 : #480f14 : +36
68 : #490e13 : +38
70 : #4a0d12 : +40
72 : #4b0c11 : +42
74 : #4b0b11 : +44
76 : #4c0a10 : +46
78 : #4d0a0f : +48
80 : #4e090e : +50
82 : #4f080e : +52
84 : #50070d : +54
86 : #51060c : +56
88 : #51050c : +58
90 : #52040b : +60
92 : #53030a : +62
94 : #540309 : +64
96 : #550209 : +66
98 : #560108 : +68
100 : #570007 : +70
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -16
3 : #0a0506 : -14
5 : #11090a : -12
7 : #170c0d : -10
9 : #1e1011 : -8
11 : #241415 : -6
13 : #2b1719 : -4
15 : #321b1d : -2
17 : #381e21 : ±0
19 : #3f2224 : +2
21 : #462528 : +4
23 : #4c292c : +6
25 : #532d30 : +8
27 : #5a3034 : +10
29 : #603437 : +12
31 : #67373b : +14
33 : #6d3b3f : +16
35 : #743e43 : +18
37 : #7b4247 : +20
39 : #81464b : +22
41 : #88494e : +24
43 : #8f4d52 : +26
45 : #955056 : +28
47 : #9c545a : +30
49 : #a2575e : +32
51 : #a85d63 : +34
53 : #ab6369 : +36
55 : #af6a70 : +38
57 : #b27076 : +40
59 : #b6777c : +42
61 : #b97e83 : +44
63 : #bd8489 : +46
65 : #c18b8f : +48
67 : #c49296 : +50
69 : #c8989c : +52
71 : #cb9fa3 : +54
73 : #cfa5a9 : +56
75 : #d2acaf : +58
77 : #d6b3b6 : +60
79 : #dab9bc : +62
81 : #ddc0c2 : +64
83 : #e1c7c9 : +66
85 : #e4cdcf : +68
87 : #e8d4d6 : +70
89 : #ebdbdc : +72
91 : #efe1e2 : +74
93 : #f3e8e9 : +76
95 : #f6eeef : +78
97 : #faf5f5 : +80
99 : #fdfcfc : +82
CSS入門、作ってます。
text-shadow