#375c6c
RGB ( 赤 = 55, 緑 = 92, 青 = 108 )
HSL ( 色相 = 198°, 彩度 = 33%, 明度 = 32% )
H : 色相 ( 198° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #6d3e37 : -190
18 : #6d4737 : -180
28 : #6d5037 : -170
38 : #6d5937 : -160
48 : #6d6237 : -150
58 : #6d6b37 : -140
68 : #656d37 : -130
78 : #5c6d37 : -120
88 : #536d37 : -110
98 : #4a6d37 : -100
108 : #416d37 : -90
118 : #386d37 : -80
128 : #376d3e : -70
138 : #376d47 : -60
148 : #376d50 : -50
158 : #376d59 : -40
168 : #376d62 : -30
178 : #376d6b : -20
188 : #37656d : -10
198 : #375c6d : ±0
208 : #37536d : +10
218 : #374a6d : +20
228 : #37416d : +30
238 : #37386d : +40
248 : #3e376d : +50
258 : #47376d : +60
268 : #50376d : +70
278 : #59376d : +80
288 : #62376d : +90
298 : #6b376d : +100
308 : #6d3765 : +110
318 : #6d375c : +120
328 : #6d3753 : +130
338 : #6d374a : +140
348 : #6d3741 : +150
358 : #6d3738 : +160
188 : #37656d : -10
189 : #37646d : -9
190 : #37646d : -8
191 : #37636d : -7
192 : #37626d : -6
193 : #37616d : -5
194 : #37606d : -4
195 : #375f6d : -3
196 : #375e6d : -2
197 : #375d6d : -1
198 : #375c6d : ±0
199 : #375b6d : +1
200 : #375b6d : +2
201 : #375a6d : +3
202 : #37596d : +4
203 : #37586d : +5
204 : #37576d : +6
205 : #37566d : +7
206 : #37556d : +8
207 : #37546d : +9
208 : #37536d : +10
S : 彩度 ( 33% )
(0%) 渋い ~ 鮮やか (100%)
1 : #515252 : -32
3 : #4f5354 : -30
5 : #4e5356 : -28
7 : #4c5457 : -26
9 : #4a5559 : -24
11 : #49555b : -22
13 : #47565c : -20
15 : #45565e : -18
17 : #44575f : -16
19 : #425861 : -14
21 : #405863 : -12
23 : #3f5964 : -10
25 : #3d5a66 : -8
27 : #3c5a68 : -6
29 : #3a5b69 : -4
31 : #385c6b : -2
33 : #375c6d : ±0
35 : #355d6e : +2
37 : #335e70 : +4
39 : #325e71 : +6
41 : #305f73 : +8
43 : #2f6075 : +10
45 : #2d6076 : +12
47 : #2b6178 : +14
49 : #2a627a : +16
51 : #28627b : +18
53 : #26637d : +20
55 : #25647e : +22
57 : #236480 : +24
59 : #216582 : +26
61 : #206683 : +28
63 : #1e6685 : +30
65 : #1d6787 : +32
67 : #1b6788 : +34
69 : #19688a : +36
71 : #18698c : +38
73 : #16698d : +40
75 : #146a8f : +42
77 : #136b90 : +44
79 : #116b92 : +46
81 : #106c94 : +48
83 : #0e6d95 : +50
85 : #0c6d97 : +52
87 : #0b6e99 : +54
89 : #096f9a : +56
91 : #076f9c : +58
93 : #06709d : +60
95 : #04719f : +62
97 : #0271a1 : +64
99 : #0172a2 : +66
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #030607 : -30
4 : #070c0e : -28
6 : #0a1114 : -26
8 : #0e171b : -24
10 : #111d22 : -22
12 : #152329 : -20
14 : #18282f : -18
16 : #1b2e36 : -16
18 : #1f343d : -14
20 : #223a44 : -12
22 : #26404b : -10
24 : #294551 : -8
26 : #2c4b58 : -6
28 : #30515f : -4
30 : #335766 : -2
32 : #375c6d : ±0
34 : #3a6273 : +2
36 : #3e687a : +4
38 : #416e81 : +6
40 : #447388 : +8
42 : #48798e : +10
44 : #4b7f95 : +12
46 : #4f859c : +14
48 : #528ba3 : +16
50 : #5590aa : +18
52 : #5c95ad : +20
54 : #6399b0 : +22
56 : #6a9eb4 : +24
58 : #71a2b7 : +26
60 : #77a6bb : +28
62 : #7eabbe : +30
64 : #85afc1 : +32
66 : #8cb4c5 : +34
68 : #92b8c8 : +36
70 : #99bdcc : +38
72 : #a0c1cf : +40
74 : #a7c5d3 : +42
76 : #aecad6 : +44
78 : #b4ced9 : +46
80 : #bbd3dd : +48
82 : #c2d7e0 : +50
84 : #c9dce4 : +52
86 : #d0e0e7 : +54
88 : #d6e4ea : +56
90 : #dde9ee : +58
92 : #e4edf1 : +60
94 : #ebf2f5 : +62
96 : #f1f6f8 : +64
98 : #f8fbfc : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow