#6137a0
RGB ( 赤 = 97, 緑 = 55, 青 = 160 )
HSL ( 色相 = 264°, 彩度 = 49%, 明度 = 42% )
H : 色相 ( 264° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #a03e37 : -260
14 : #a04f37 : -250
24 : #a06137 : -240
34 : #a07237 : -230
44 : #a08437 : -220
54 : #a09537 : -210
64 : #99a037 : -200
74 : #87a037 : -190
84 : #76a037 : -180
94 : #64a037 : -170
104 : #53a037 : -160
114 : #41a037 : -150
124 : #37a03e : -140
134 : #37a04f : -130
144 : #37a061 : -120
154 : #37a072 : -110
164 : #37a084 : -100
174 : #37a095 : -90
184 : #3799a0 : -80
194 : #3787a0 : -70
204 : #3776a0 : -60
214 : #3764a0 : -50
224 : #3753a0 : -40
234 : #3741a0 : -30
244 : #3e37a0 : -20
254 : #4f37a0 : -10
264 : #6137a0 : ±0
274 : #7237a0 : +10
284 : #8437a0 : +20
294 : #9537a0 : +30
304 : #a03799 : +40
314 : #a03787 : +50
324 : #a03776 : +60
334 : #a03764 : +70
344 : #a03753 : +80
354 : #a03741 : +90
254 : #4f37a0 : -10
255 : #5137a0 : -9
256 : #5337a0 : -8
257 : #5437a0 : -7
258 : #5637a0 : -6
259 : #5837a0 : -5
260 : #5a37a0 : -4
261 : #5b37a0 : -3
262 : #5d37a0 : -2
263 : #5f37a0 : -1
264 : #6137a0 : ±0
265 : #6237a0 : +1
266 : #6437a0 : +2
267 : #6637a0 : +3
268 : #6837a0 : +4
269 : #6937a0 : +5
270 : #6b37a0 : +6
271 : #6d37a0 : +7
272 : #6f37a0 : +8
273 : #7037a0 : +9
274 : #7237a0 : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6b6a6c : -48
3 : #6a686e : -46
5 : #6a6670 : -44
7 : #6a6473 : -42
9 : #696175 : -40
11 : #695f77 : -38
13 : #685d79 : -36
15 : #685b7b : -34
17 : #67597d : -32
19 : #67577f : -30
21 : #675582 : -28
23 : #665284 : -26
25 : #665086 : -24
27 : #654e88 : -22
29 : #654c8a : -20
31 : #644a8c : -18
33 : #64488e : -16
35 : #644691 : -14
37 : #634393 : -12
39 : #634195 : -10
41 : #623f97 : -8
43 : #623d99 : -6
45 : #613b9b : -4
47 : #61399d : -2
49 : #6137a0 : ±0
51 : #6034a2 : +2
53 : #6032a4 : +4
55 : #5f30a6 : +6
57 : #5f2ea8 : +8
59 : #5e2caa : +10
61 : #5e2aac : +12
63 : #5e28af : +14
65 : #5d25b1 : +16
67 : #5d23b3 : +18
69 : #5c21b5 : +20
71 : #5c1fb7 : +22
73 : #5b1db9 : +24
75 : #5b1bbb : +26
77 : #5b19be : +28
79 : #5a16c0 : +30
81 : #5a14c2 : +32
83 : #5912c4 : +34
85 : #5910c6 : +36
87 : #580ec8 : +38
89 : #580cca : +40
91 : #580acd : +42
93 : #5707cf : +44
95 : #5705d1 : +46
97 : #5603d3 : +48
99 : #5601d5 : +50
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #050308 : -40
4 : #09050f : -38
6 : #0e0817 : -36
8 : #120a1e : -34
10 : #170d26 : -32
12 : #1c102e : -30
14 : #201235 : -28
16 : #25153d : -26
18 : #291744 : -24
20 : #2e1a4c : -22
22 : #331d54 : -20
24 : #371f5b : -18
26 : #3c2263 : -16
28 : #40246a : -14
30 : #452772 : -12
32 : #4a2a7a : -10
34 : #4e2c81 : -8
36 : #532f89 : -6
38 : #573190 : -4
40 : #5c3498 : -2
42 : #6137a0 : ±0
44 : #6539a7 : +2
46 : #6a3caf : +4
48 : #6e3eb6 : +6
50 : #7341be : +8
52 : #7949c1 : +10
54 : #7e50c3 : +12
56 : #8458c6 : +14
58 : #895fc8 : +16
60 : #8f67cb : +18
62 : #956fce : +20
64 : #9a76d0 : +22
66 : #a07ed3 : +24
68 : #a585d5 : +26
70 : #ab8dd8 : +28
72 : #b195db : +30
74 : #b69cdd : +32
76 : #bca4e0 : +34
78 : #c1abe2 : +36
80 : #c7b3e5 : +38
82 : #cdbbe8 : +40
84 : #d2c2ea : +42
86 : #d8caed : +44
88 : #ddd1ef : +46
90 : #e3d9f2 : +48
92 : #e9e1f5 : +50
94 : #eee8f7 : +52
96 : #f4f0fa : +54
98 : #f9f7fc : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow