#41579b
RGB ( 赤 = 65, 緑 = 87, 青 = 155 )
HSL ( 色相 = 225°, 彩度 = 41%, 明度 = 43% )
H : 色相 ( 225° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #9b4841 : -220
15 : #9b5741 : -210
25 : #9b6641 : -200
35 : #9b7541 : -190
45 : #9b8441 : -180
55 : #9b9341 : -170
65 : #939b41 : -160
75 : #849b41 : -150
85 : #759b41 : -140
95 : #669b41 : -130
105 : #579b41 : -120
115 : #489b41 : -110
125 : #419b48 : -100
135 : #419b57 : -90
145 : #419b66 : -80
155 : #419b75 : -70
165 : #419b84 : -60
175 : #419b93 : -50
185 : #41939b : -40
195 : #41849b : -30
205 : #41759b : -20
215 : #41669b : -10
225 : #41579b : ±0
235 : #41489b : +10
245 : #48419b : +20
255 : #57419b : +30
265 : #66419b : +40
275 : #75419b : +50
285 : #84419b : +60
295 : #93419b : +70
305 : #9b4193 : +80
315 : #9b4184 : +90
325 : #9b4175 : +100
335 : #9b4166 : +110
345 : #9b4157 : +120
355 : #9b4148 : +130
215 : #41669b : -10
216 : #41659b : -9
217 : #41639b : -8
218 : #41629b : -7
219 : #41609b : -6
220 : #415f9b : -5
221 : #415d9b : -4
222 : #415c9b : -3
223 : #415a9b : -2
224 : #41599b : -1
225 : #41579b : ±0
226 : #41569b : +1
227 : #41549b : +2
228 : #41539b : +3
229 : #41519b : +4
230 : #41509b : +5
231 : #414e9b : +6
232 : #414d9b : +7
233 : #414b9b : +8
234 : #414a9b : +9
235 : #41489b : +10
S : 彩度 ( 41% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6d6d6f : -40
3 : #6a6c71 : -38
5 : #686b73 : -36
7 : #666a75 : -34
9 : #646978 : -32
11 : #62687a : -30
13 : #5f677c : -28
15 : #5d657e : -26
17 : #5b6480 : -24
19 : #596382 : -22
21 : #576285 : -20
23 : #546187 : -18
25 : #526089 : -16
27 : #505f8b : -14
29 : #4e5e8d : -12
31 : #4c5d90 : -10
33 : #495c92 : -8
35 : #475a94 : -6
37 : #455996 : -4
39 : #435898 : -2
41 : #41579b : ±0
43 : #3f569d : +2
45 : #3c559f : +4
47 : #3a54a1 : +6
49 : #3853a3 : +8
51 : #3652a6 : +10
53 : #3451a8 : +12
55 : #314faa : +14
57 : #2f4eac : +16
59 : #2d4dae : +18
61 : #2b4cb1 : +20
63 : #294bb3 : +22
65 : #264ab5 : +24
67 : #2449b7 : +26
69 : #2248b9 : +28
71 : #2047bc : +30
73 : #1e46be : +32
75 : #1b45c0 : +34
77 : #1943c2 : +36
79 : #1742c4 : +38
81 : #1541c6 : +40
83 : #1340c9 : +42
85 : #103fcb : +44
87 : #0e3ecd : +46
89 : #0c3dcf : +48
91 : #0a3cd1 : +50
93 : #083bd4 : +52
95 : #053ad6 : +54
97 : #0338d8 : +56
99 : #0137da : +58
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #020204 : -42
3 : #05060b : -40
5 : #080a12 : -38
7 : #0b0e19 : -36
9 : #0e1220 : -34
11 : #111628 : -32
13 : #141a2f : -30
15 : #171e36 : -28
17 : #1a223d : -26
19 : #1d2744 : -24
21 : #202b4c : -22
23 : #232f53 : -20
25 : #26335a : -18
27 : #293761 : -16
29 : #2c3b68 : -14
31 : #2f3f6f : -12
33 : #324377 : -10
35 : #35477e : -8
37 : #384b85 : -6
39 : #3b4f8c : -4
41 : #3e5393 : -2
43 : #41579b : ±0
45 : #445ba2 : +2
47 : #475fa9 : +4
49 : #4a63b0 : +6
51 : #4f68b5 : +8
53 : #566fb8 : +10
55 : #5d75bb : +12
57 : #647bbe : +14
59 : #6c81c1 : +16
61 : #7387c4 : +18
63 : #7a8dc7 : +20
65 : #8193ca : +22
67 : #889acd : +24
69 : #90a0d0 : +26
71 : #97a6d3 : +28
73 : #9eacd6 : +30
75 : #a5b2d9 : +32
77 : #acb8dc : +34
79 : #b3bedf : +36
81 : #bbc5e2 : +38
83 : #c2cbe5 : +40
85 : #c9d1e8 : +42
87 : #d0d7eb : +44
89 : #d7ddee : +46
91 : #dfe3f1 : +48
93 : #e6e9f4 : +50
95 : #edf0f7 : +52
97 : #f4f6fa : +54
99 : #fbfcfd : +56
CSS入門、作ってます。
text-shadow