#381d62
RGB ( 赤 = 56, 緑 = 29, 青 = 98 )
HSL ( 色相 = 263°, 彩度 = 54%, 明度 = 25% )
H : 色相 ( 263° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #62211d : -260
13 : #622c1d : -250
23 : #62381d : -240
33 : #62431d : -230
43 : #624f1d : -220
53 : #625a1d : -210
63 : #5f621d : -200
73 : #53621d : -190
83 : #48621d : -180
93 : #3c621d : -170
103 : #31621d : -160
113 : #25621d : -150
123 : #1d6221 : -140
133 : #1d622c : -130
143 : #1d6238 : -120
153 : #1d6243 : -110
163 : #1d624f : -100
173 : #1d625a : -90
183 : #1d5f62 : -80
193 : #1d5362 : -70
203 : #1d4862 : -60
213 : #1d3c62 : -50
223 : #1d3162 : -40
233 : #1d2562 : -30
243 : #211d62 : -20
253 : #2c1d62 : -10
263 : #381d62 : ±0
273 : #431d62 : +10
283 : #4f1d62 : +20
293 : #5a1d62 : +30
303 : #621d5f : +40
313 : #621d53 : +50
323 : #621d48 : +60
333 : #621d3c : +70
343 : #621d31 : +80
353 : #621d25 : +90
253 : #2c1d62 : -10
254 : #2d1d62 : -9
255 : #2f1d62 : -8
256 : #301d62 : -7
257 : #311d62 : -6
258 : #321d62 : -5
259 : #331d62 : -4
260 : #341d62 : -3
261 : #351d62 : -2
262 : #371d62 : -1
263 : #381d62 : ±0
264 : #391d62 : +1
265 : #3a1d62 : +2
266 : #3b1d62 : +3
267 : #3c1d62 : +4
268 : #3d1d62 : +5
269 : #3f1d62 : +6
270 : #401d62 : +7
271 : #411d62 : +8
272 : #421d62 : +9
273 : #431d62 : +10
S : 彩度 ( 54% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3f3f3f : -54
2 : #3f3e41 : -52
4 : #3f3d42 : -50
6 : #3f3c44 : -48
8 : #3f3b45 : -46
10 : #3e3946 : -44
12 : #3e3847 : -42
14 : #3e3749 : -40
16 : #3d364a : -38
18 : #3d344b : -36
20 : #3d334d : -34
22 : #3c324e : -32
24 : #3c304f : -30
26 : #3c2f50 : -28
28 : #3c2e52 : -26
30 : #3b2d53 : -24
32 : #3b2b54 : -22
34 : #3b2a55 : -20
36 : #3a2957 : -18
38 : #3a2858 : -16
40 : #3a2659 : -14
42 : #3a255b : -12
44 : #39245c : -10
46 : #39225d : -8
48 : #39215e : -6
50 : #382060 : -4
52 : #381f61 : -2
54 : #381d62 : ±0
56 : #371c63 : +2
58 : #371b65 : +4
60 : #371a66 : +6
62 : #371867 : +8
64 : #361769 : +10
66 : #36166a : +12
68 : #36146b : +14
70 : #35136c : +16
72 : #35126e : +18
74 : #35116f : +20
76 : #340f70 : +22
78 : #340e71 : +24
80 : #340d73 : +26
82 : #340b74 : +28
84 : #330a75 : +30
86 : #330977 : +32
88 : #330878 : +34
90 : #320679 : +36
92 : #32057a : +38
94 : #32047c : +40
96 : #31037d : +42
98 : #31017e : +44
100 : #310080 : +46
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #020104 : -24
3 : #07040c : -22
5 : #0b0614 : -20
7 : #10081b : -18
9 : #140b23 : -16
11 : #190d2b : -14
13 : #1d0f33 : -12
15 : #21123b : -10
17 : #261443 : -8
19 : #2a164b : -6
21 : #2f1952 : -4
23 : #331b5a : -2
25 : #381d62 : ±0
27 : #3c206a : +2
29 : #412272 : +4
31 : #45247a : +6
33 : #4a2782 : +8
35 : #4e2989 : +10
37 : #522b91 : +12
39 : #572e99 : +14
41 : #5b30a1 : +16
43 : #6032a9 : +18
45 : #6435b1 : +20
47 : #6937b9 : +22
49 : #6d39c0 : +24
51 : #723fc6 : +26
53 : #7846c8 : +28
55 : #7e4eca : +30
57 : #8456cd : +32
59 : #895ecf : +34
61 : #8f66d1 : +36
63 : #956ed4 : +38
65 : #9b76d6 : +40
67 : #a07dd8 : +42
69 : #a685db : +44
71 : #ac8ddd : +46
73 : #b195df : +48
75 : #b79de2 : +50
77 : #bda5e4 : +52
79 : #c3ade6 : +54
81 : #c8b4e9 : +56
83 : #cebceb : +58
85 : #d4c4ed : +60
87 : #daccf0 : +62
89 : #dfd4f2 : +64
91 : #e5dcf4 : +66
93 : #ebe4f7 : +68
95 : #f1ebf9 : +70
97 : #f6f3fb : +72
99 : #fcfbfe : +74
CSS入門、作ってます。
text-shadow