#41565d
RGB ( 赤 = 65, 緑 = 86, 青 = 93 )
HSL ( 色相 = 195°, 彩度 = 18%, 明度 = 31% )
H : 色相 ( 195° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #5d4341 : -190
15 : #5d4841 : -180
25 : #5d4d41 : -170
35 : #5d5141 : -160
45 : #5d5641 : -150
55 : #5d5b41 : -140
65 : #5b5d41 : -130
75 : #565d41 : -120
85 : #515d41 : -110
95 : #4d5d41 : -100
105 : #485d41 : -90
115 : #435d41 : -80
125 : #415d43 : -70
135 : #415d48 : -60
145 : #415d4d : -50
155 : #415d51 : -40
165 : #415d56 : -30
175 : #415d5b : -20
185 : #415b5d : -10
195 : #41565d : ±0
205 : #41515d : +10
215 : #414d5d : +20
225 : #41485d : +30
235 : #41435d : +40
245 : #43415d : +50
255 : #48415d : +60
265 : #4d415d : +70
275 : #51415d : +80
285 : #56415d : +90
295 : #5b415d : +100
305 : #5d415b : +110
315 : #5d4156 : +120
325 : #5d4151 : +130
335 : #5d414d : +140
345 : #5d4148 : +150
355 : #5d4143 : +160
185 : #415b5d : -10
186 : #415a5d : -9
187 : #415a5d : -8
188 : #41595d : -7
189 : #41595d : -6
190 : #41595d : -5
191 : #41585d : -4
192 : #41585d : -3
193 : #41575d : -2
194 : #41575d : -1
195 : #41565d : ±0
196 : #41565d : +1
197 : #41555d : +2
198 : #41555d : +3
199 : #41545d : +4
200 : #41545d : +5
201 : #41535d : +6
202 : #41535d : +7
203 : #41525d : +8
204 : #41525d : +9
205 : #41515d : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4f4f4f : -18
2 : #4d5051 : -16
4 : #4c5152 : -14
6 : #4a5154 : -12
8 : #495255 : -10
10 : #475357 : -8
12 : #465459 : -6
14 : #44555a : -4
16 : #42555c : -2
18 : #41565d : ±0
20 : #3f575f : +2
22 : #3e5860 : +4
24 : #3c5962 : +6
26 : #3a5964 : +8
28 : #395a65 : +10
30 : #375b67 : +12
32 : #365c68 : +14
34 : #345c6a : +16
36 : #335d6c : +18
38 : #315e6d : +20
40 : #2f5f6f : +22
42 : #2e6070 : +24
44 : #2c6072 : +26
46 : #2b6173 : +28
48 : #296275 : +30
50 : #286377 : +32
52 : #266478 : +34
54 : #24647a : +36
56 : #23657b : +38
58 : #21667d : +40
60 : #20677e : +42
62 : #1e6880 : +44
64 : #1c6882 : +46
66 : #1b6983 : +48
68 : #196a85 : +50
70 : #186b86 : +52
72 : #166c88 : +54
74 : #156c8a : +56
76 : #136d8b : +58
78 : #116e8d : +60
80 : #106f8e : +62
82 : #0e6f90 : +64
84 : #0d7091 : +66
86 : #0b7193 : +68
88 : #097295 : +70
90 : #087396 : +72
92 : #067398 : +74
94 : #057499 : +76
96 : #03759b : +78
98 : #02769d : +80
100 : #00779e : +82
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -30
3 : #060809 : -28
5 : #0a0e0f : -26
7 : #0f1315 : -24
9 : #13191b : -22
11 : #171f21 : -20
13 : #1b2427 : -18
15 : #1f2a2d : -16
17 : #242f33 : -14
19 : #283539 : -12
21 : #2c3a3f : -10
23 : #304045 : -8
25 : #34454b : -6
27 : #384b51 : -4
29 : #3d5157 : -2
31 : #41565d : ±0
33 : #455c63 : +2
35 : #496169 : +4
37 : #4d676f : +6
39 : #526c75 : +8
41 : #56727b : +10
43 : #5a7881 : +12
45 : #5e7d87 : +14
47 : #62838d : +16
49 : #668893 : +18
51 : #6c8d99 : +20
53 : #72929d : +22
55 : #7897a1 : +24
57 : #7e9ba5 : +26
59 : #84a0a9 : +28
61 : #8aa5ad : +30
63 : #90a9b2 : +32
65 : #96aeb6 : +34
67 : #9cb2ba : +36
69 : #a2b7be : +38
71 : #a8bcc2 : +40
73 : #aec0c7 : +42
75 : #b4c5cb : +44
77 : #bacacf : +46
79 : #c0ced3 : +48
81 : #c6d3d7 : +50
83 : #ccd8db : +52
85 : #d2dce0 : +54
87 : #d8e1e4 : +56
89 : #dee5e8 : +58
91 : #e4eaec : +60
93 : #eaeff0 : +62
95 : #f0f3f5 : +64
97 : #f6f8f9 : +66
99 : #fcfdfd : +68
CSS入門、作ってます。
text-shadow