#381d3e
RGB ( 赤 = 56, 緑 = 29, 青 = 62 )
HSL ( 色相 = 289°, 彩度 = 36%, 明度 = 18% )
H : 色相 ( 289° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #3e221d : -280
19 : #3e281d : -270
29 : #3e2d1d : -260
39 : #3e331d : -250
49 : #3e381d : -240
59 : #3e3e1d : -230
69 : #393e1d : -220
79 : #343e1d : -210
89 : #2e3e1d : -200
99 : #293e1d : -190
109 : #233e1d : -180
119 : #1e3e1d : -170
129 : #1d3e22 : -160
139 : #1d3e28 : -150
149 : #1d3e2d : -140
159 : #1d3e33 : -130
169 : #1d3e38 : -120
179 : #1d3e3e : -110
189 : #1d393e : -100
199 : #1d343e : -90
209 : #1d2e3e : -80
219 : #1d293e : -70
229 : #1d233e : -60
239 : #1d1e3e : -50
249 : #221d3e : -40
259 : #281d3e : -30
269 : #2d1d3e : -20
279 : #331d3e : -10
289 : #381d3e : ±0
299 : #3e1d3e : +10
309 : #3e1d39 : +20
319 : #3e1d34 : +30
329 : #3e1d2e : +40
339 : #3e1d29 : +50
349 : #3e1d23 : +60
359 : #3e1d1e : +70
279 : #331d3e : -10
280 : #331d3e : -9
281 : #341d3e : -8
282 : #351d3e : -7
283 : #351d3e : -6
284 : #361d3e : -5
285 : #361d3e : -4
286 : #371d3e : -3
287 : #371d3e : -2
288 : #381d3e : -1
289 : #381d3e : ±0
290 : #391d3e : +1
291 : #391d3e : +2
292 : #3a1d3e : +3
293 : #3b1d3e : +4
294 : #3b1d3e : +5
295 : #3c1d3e : +6
296 : #3c1d3e : +7
297 : #3d1d3e : +8
298 : #3d1d3e : +9
299 : #3e1d3e : +10
S : 彩度 ( 36% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -36
2 : #2e2d2f : -34
4 : #2f2c30 : -32
6 : #302b31 : -30
8 : #302a32 : -28
10 : #312932 : -26
12 : #312833 : -24
14 : #322734 : -22
16 : #332735 : -20
18 : #332636 : -18
20 : #342537 : -16
22 : #342438 : -14
24 : #352339 : -12
26 : #35223a : -10
28 : #36213b : -8
30 : #37203c : -6
32 : #371f3d : -4
34 : #381e3e : -2
36 : #381d3e : ±0
38 : #391c3f : +2
40 : #3a1c40 : +4
42 : #3a1b41 : +6
44 : #3b1a42 : +8
46 : #3b1943 : +10
48 : #3c1844 : +12
50 : #3c1745 : +14
52 : #3d1646 : +16
54 : #3e1547 : +18
56 : #3e1448 : +20
58 : #3f1349 : +22
60 : #3f1249 : +24
62 : #40114a : +26
64 : #41114b : +28
66 : #41104c : +30
68 : #420f4d : +32
70 : #420e4e : +34
72 : #430d4f : +36
74 : #430c50 : +38
76 : #440b51 : +40
78 : #450a52 : +42
80 : #450953 : +44
82 : #460854 : +46
84 : #460754 : +48
86 : #470655 : +50
88 : #470656 : +52
90 : #480557 : +54
92 : #490458 : +56
94 : #490359 : +58
96 : #4a025a : +60
98 : #4a015b : +62
100 : #4b005c : +64
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #060307 : -16
4 : #0d070e : -14
6 : #130a15 : -12
8 : #190d1c : -10
10 : #1f1023 : -8
12 : #26142a : -6
14 : #2c1731 : -4
16 : #321a37 : -2
18 : #381d3e : ±0
20 : #3f2145 : +2
22 : #45244c : +4
24 : #4b2753 : +6
26 : #512a5a : +8
28 : #582e61 : +10
30 : #5e3168 : +12
32 : #64346f : +14
34 : #6a3776 : +16
36 : #713b7d : +18
38 : #773e84 : +20
40 : #7d418b : +22
42 : #844592 : +24
44 : #8a4899 : +26
46 : #904ba0 : +28
48 : #964ea6 : +30
50 : #9d52ad : +32
52 : #a159b1 : +34
54 : #a45fb4 : +36
56 : #a866b7 : +38
58 : #ac6dba : +40
60 : #b074be : +42
62 : #b47bc1 : +44
64 : #b882c4 : +46
66 : #bc89c8 : +48
68 : #c090cb : +50
70 : #c497ce : +52
72 : #c89ed1 : +54
74 : #cca5d5 : +56
76 : #d0acd8 : +58
78 : #d4b3db : +60
80 : #d8bade : +62
82 : #dcc1e2 : +64
84 : #e0c8e5 : +66
86 : #e3cee8 : +68
88 : #e7d5eb : +70
90 : #ebdcef : +72
92 : #efe3f2 : +74
94 : #f3eaf5 : +76
96 : #f7f1f8 : +78
98 : #fbf8fc : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow