#375c76
RGB ( 赤 = 55, 緑 = 92, 青 = 118 )
HSL ( 色相 = 205°, 彩度 = 36%, 明度 = 34% )
H : 色相 ( 205° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #763d37 : -200
15 : #764737 : -190
25 : #765137 : -180
35 : #765c37 : -170
45 : #766637 : -160
55 : #767137 : -150
65 : #717637 : -140
75 : #667637 : -130
85 : #5c7637 : -120
95 : #517637 : -110
105 : #477637 : -100
115 : #3d7637 : -90
125 : #37763d : -80
135 : #377647 : -70
145 : #377651 : -60
155 : #37765c : -50
165 : #377666 : -40
175 : #377671 : -30
185 : #377176 : -20
195 : #376676 : -10
205 : #375c76 : ±0
215 : #375176 : +10
225 : #374776 : +20
235 : #373d76 : +30
245 : #3d3776 : +40
255 : #473776 : +50
265 : #513776 : +60
275 : #5c3776 : +70
285 : #663776 : +80
295 : #713776 : +90
305 : #763771 : +100
315 : #763766 : +110
325 : #76375c : +120
335 : #763751 : +130
345 : #763747 : +140
355 : #76373d : +150
195 : #376676 : -10
196 : #376576 : -9
197 : #376476 : -8
198 : #376376 : -7
199 : #376276 : -6
200 : #376176 : -5
201 : #376076 : -4
202 : #375f76 : -3
203 : #375e76 : -2
204 : #375d76 : -1
205 : #375c76 : ±0
206 : #375b76 : +1
207 : #375a76 : +2
208 : #375976 : +3
209 : #375876 : +4
210 : #375776 : +5
211 : #375676 : +6
212 : #375576 : +7
213 : #375476 : +8
214 : #375376 : +9
215 : #375176 : +10
S : 彩度 ( 36% )
(0%) 渋い ~ 鮮やか (100%)
0 : #565656 : -36
2 : #555758 : -34
4 : #53575a : -32
6 : #51585c : -30
8 : #50585e : -28
10 : #4e585f : -26
12 : #4c5861 : -24
14 : #4b5963 : -22
16 : #495965 : -20
18 : #475966 : -18
20 : #455a68 : -16
22 : #445a6a : -14
24 : #425a6c : -12
26 : #405a6d : -10
28 : #3e5b6f : -8
30 : #3d5b71 : -6
32 : #3b5b72 : -4
34 : #395c74 : -2
36 : #375c76 : ±0
38 : #365c78 : +2
40 : #345c79 : +4
42 : #325d7b : +6
44 : #315d7d : +8
46 : #2f5d7f : +10
48 : #2d5e80 : +12
50 : #2b5e82 : +14
52 : #2a5e84 : +16
54 : #285f86 : +18
56 : #265f87 : +20
58 : #245f89 : +22
60 : #235f8b : +24
62 : #21608c : +26
64 : #1f608e : +28
66 : #1d6090 : +30
68 : #1c6192 : +32
70 : #1a6193 : +34
72 : #186195 : +36
74 : #176197 : +38
76 : #156299 : +40
78 : #13629a : +42
80 : #11629c : +44
82 : #10639e : +46
84 : #0e63a0 : +48
86 : #0c63a1 : +50
88 : #0a63a3 : +52
90 : #0964a5 : +54
92 : #0764a6 : +56
94 : #0564a8 : +58
96 : #0365aa : +60
98 : #0265ac : +62
100 : #0065ad : +64
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #030507 : -32
4 : #070b0e : -30
6 : #0a1015 : -28
8 : #0d161c : -26
10 : #101b23 : -24
12 : #14202a : -22
14 : #172631 : -20
16 : #1a2b37 : -18
18 : #1d313e : -16
20 : #213645 : -14
22 : #243b4c : -12
24 : #274153 : -10
26 : #2a465a : -8
28 : #2e4c61 : -6
30 : #315168 : -4
32 : #34566f : -2
34 : #375c76 : ±0
36 : #3b617d : +2
38 : #3e6784 : +4
40 : #416c8b : +6
42 : #457292 : +8
44 : #487799 : +10
46 : #4b7ca0 : +12
48 : #4e82a6 : +14
50 : #5287ad : +16
52 : #598cb1 : +18
54 : #5f91b4 : +20
56 : #6696b7 : +22
58 : #6d9aba : +24
60 : #749fbe : +26
62 : #7ba4c1 : +28
64 : #82a9c4 : +30
66 : #89aec8 : +32
68 : #90b2cb : +34
70 : #97b7ce : +36
72 : #9ebcd1 : +38
74 : #a5c1d5 : +40
76 : #acc5d8 : +42
78 : #b3cadb : +44
80 : #bacfde : +46
82 : #c1d4e2 : +48
84 : #c8d9e5 : +50
86 : #cedde8 : +52
88 : #d5e2eb : +54
90 : #dce7ef : +56
92 : #e3ecf2 : +58
94 : #eaf1f5 : +60
96 : #f1f5f8 : +62
98 : #f8fafc : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow