#381c4c
RGB ( 赤 = 56, 緑 = 28, 青 = 76 )
HSL ( 色相 = 275°, 彩度 = 46%, 明度 = 20% )
H : 色相 ( 275° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #4a1f1c : -270
15 : #4a271c : -260
25 : #4a2f1c : -250
35 : #4a371c : -240
45 : #4a3f1c : -230
55 : #4a471c : -220
65 : #474a1c : -210
75 : #3f4a1c : -200
85 : #374a1c : -190
95 : #2f4a1c : -180
105 : #274a1c : -170
115 : #1f4a1c : -160
125 : #1c4a1f : -150
135 : #1c4a27 : -140
145 : #1c4a2f : -130
155 : #1c4a37 : -120
165 : #1c4a3f : -110
175 : #1c4a47 : -100
185 : #1c474a : -90
195 : #1c3f4a : -80
205 : #1c374a : -70
215 : #1c2f4a : -60
225 : #1c274a : -50
235 : #1c1f4a : -40
245 : #1f1c4a : -30
255 : #271c4a : -20
265 : #2f1c4a : -10
275 : #371c4a : ±0
285 : #3f1c4a : +10
295 : #471c4a : +20
305 : #4a1c47 : +30
315 : #4a1c3f : +40
325 : #4a1c37 : +50
335 : #4a1c2f : +60
345 : #4a1c27 : +70
355 : #4a1c1f : +80
265 : #2f1c4a : -10
266 : #301c4a : -9
267 : #311c4a : -8
268 : #311c4a : -7
269 : #321c4a : -6
270 : #331c4a : -5
271 : #341c4a : -4
272 : #351c4a : -3
273 : #351c4a : -2
274 : #361c4a : -1
275 : #371c4a : ±0
276 : #381c4a : +1
277 : #381c4a : +2
278 : #391c4a : +3
279 : #3a1c4a : +4
280 : #3b1c4a : +5
281 : #3c1c4a : +6
282 : #3c1c4a : +7
283 : #3d1c4a : +8
284 : #3e1c4a : +9
285 : #3f1c4a : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -46
2 : #333234 : -44
4 : #333135 : -42
6 : #343036 : -40
8 : #342f37 : -38
10 : #342e38 : -36
12 : #342d39 : -34
14 : #342c3a : -32
16 : #342b3b : -30
18 : #352a3c : -28
20 : #35293d : -26
22 : #35283e : -24
24 : #35273f : -22
26 : #352640 : -20
28 : #352541 : -18
30 : #362442 : -16
32 : #362343 : -14
34 : #362244 : -12
36 : #362145 : -10
38 : #362046 : -8
40 : #361f47 : -6
42 : #371e48 : -4
44 : #371d49 : -2
46 : #371c4a : ±0
48 : #371b4b : +2
50 : #371a4d : +4
52 : #37184e : +6
54 : #38174f : +8
56 : #381650 : +10
58 : #381551 : +12
60 : #381452 : +14
62 : #381353 : +16
64 : #381254 : +18
66 : #391155 : +20
68 : #391056 : +22
70 : #390f57 : +24
72 : #390e58 : +26
74 : #390d59 : +28
76 : #390c5a : +30
78 : #3a0b5b : +32
80 : #3a0a5c : +34
82 : #3a095d : +36
84 : #3a085e : +38
86 : #3a075f : +40
88 : #3a0660 : +42
90 : #3b0561 : +44
92 : #3b0462 : +46
94 : #3b0363 : +48
96 : #3b0264 : +50
98 : #3b0165 : +52
100 : #3c0066 : +54
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #050307 : -18
4 : #0b060f : -16
6 : #100816 : -14
8 : #160b1e : -12
10 : #1b0e25 : -10
12 : #21112d : -8
14 : #261334 : -6
16 : #2c163c : -4
18 : #311943 : -2
20 : #371c4a : ±0
22 : #3c1e52 : +2
24 : #422159 : +4
26 : #472461 : +6
28 : #4d2768 : +8
30 : #522970 : +10
32 : #582c77 : +12
34 : #5d2f7f : +14
36 : #633286 : +16
38 : #68348d : +18
40 : #6e3795 : +20
42 : #733a9c : +22
44 : #793da4 : +24
46 : #7e3fab : +26
48 : #8442b3 : +28
50 : #8945ba : +30
52 : #8e4cbd : +32
54 : #9354c0 : +34
56 : #975bc2 : +36
58 : #9c63c5 : +38
60 : #a16ac8 : +40
62 : #a672cb : +42
64 : #aa79cd : +44
66 : #af80d0 : +46
68 : #b488d3 : +48
70 : #b88fd6 : +50
72 : #bd97d8 : +52
74 : #c29edb : +54
76 : #c6a6de : +56
78 : #cbade1 : +58
80 : #d0b5e3 : +60
82 : #d5bce6 : +62
84 : #d9c3e9 : +64
86 : #decbec : +66
88 : #e3d2ee : +68
90 : #e7daf1 : +70
92 : #ece1f4 : +72
94 : #f1e9f7 : +74
96 : #f6f0f9 : +76
98 : #faf8fc : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow