#6a3b8c
RGB ( 赤 = 106, 緑 = 59, 青 = 140 )
HSL ( 色相 = 275°, 彩度 = 41%, 明度 = 39% )
H : 色相 ( 275° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #8c413b : -270
15 : #8c4f3b : -260
25 : #8c5d3b : -250
35 : #8c6a3b : -240
45 : #8c783b : -230
55 : #8c853b : -220
65 : #858c3b : -210
75 : #788c3b : -200
85 : #6a8c3b : -190
95 : #5d8c3b : -180
105 : #4f8c3b : -170
115 : #418c3b : -160
125 : #3b8c41 : -150
135 : #3b8c4f : -140
145 : #3b8c5d : -130
155 : #3b8c6a : -120
165 : #3b8c78 : -110
175 : #3b8c85 : -100
185 : #3b858c : -90
195 : #3b788c : -80
205 : #3b6a8c : -70
215 : #3b5d8c : -60
225 : #3b4f8c : -50
235 : #3b418c : -40
245 : #413b8c : -30
255 : #4f3b8c : -20
265 : #5d3b8c : -10
275 : #6a3b8c : ±0
285 : #783b8c : +10
295 : #853b8c : +20
305 : #8c3b85 : +30
315 : #8c3b78 : +40
325 : #8c3b6a : +50
335 : #8c3b5d : +60
345 : #8c3b4f : +70
355 : #8c3b41 : +80
265 : #5d3b8c : -10
266 : #5e3b8c : -9
267 : #5f3b8c : -8
268 : #613b8c : -7
269 : #623b8c : -6
270 : #633b8c : -5
271 : #653b8c : -4
272 : #663b8c : -3
273 : #683b8c : -2
274 : #693b8c : -1
275 : #6a3b8c : ±0
276 : #6c3b8c : +1
277 : #6d3b8c : +2
278 : #6e3b8c : +3
279 : #703b8c : +4
280 : #713b8c : +5
281 : #723b8c : +6
282 : #743b8c : +7
283 : #753b8c : +8
284 : #763b8c : +9
285 : #783b8c : +10
S : 彩度 ( 41% )
(0%) 渋い ~ 鮮やか (100%)
1 : #646264 : -40
3 : #646066 : -38
5 : #645e68 : -36
7 : #655c6a : -34
9 : #655a6c : -32
11 : #65596e : -30
13 : #665770 : -28
15 : #665572 : -26
17 : #665374 : -24
19 : #675176 : -22
21 : #674f78 : -20
23 : #674d7a : -18
25 : #684b7c : -16
27 : #68497e : -14
29 : #684780 : -12
31 : #694582 : -10
33 : #694384 : -8
35 : #694186 : -6
37 : #6a3f88 : -4
39 : #6a3d8a : -2
41 : #6a3b8c : ±0
43 : #6b398e : +2
45 : #6b3790 : +4
47 : #6b3592 : +6
49 : #6c3394 : +8
51 : #6c3196 : +10
53 : #6c2f98 : +12
55 : #6d2d9a : +14
57 : #6d2b9c : +16
59 : #6d299e : +18
61 : #6e27a0 : +20
63 : #6e25a2 : +22
65 : #6e23a4 : +24
67 : #6f21a6 : +26
69 : #6f1fa8 : +28
71 : #6f1daa : +30
73 : #701bac : +32
75 : #7019ae : +34
77 : #7017b0 : +36
79 : #7115b2 : +38
81 : #7113b4 : +40
83 : #7111b6 : +42
85 : #720fb8 : +44
87 : #720dba : +46
89 : #720bbc : +48
91 : #7309be : +50
93 : #7307c0 : +52
95 : #7305c2 : +54
97 : #7403c4 : +56
99 : #7401c6 : +58
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #030204 : -38
3 : #08050b : -36
5 : #0e0812 : -34
7 : #130b19 : -32
9 : #190e20 : -30
11 : #1e1128 : -28
13 : #23142f : -26
15 : #291736 : -24
17 : #2e1a3d : -22
19 : #341d44 : -20
21 : #39204c : -18
23 : #3f2353 : -16
25 : #44265a : -14
27 : #4a2961 : -12
29 : #4f2c68 : -10
31 : #542f6f : -8
33 : #5a3277 : -6
35 : #5f357e : -4
37 : #653885 : -2
39 : #6a3b8c : ±0
41 : #703e93 : +2
43 : #75419b : +4
45 : #7b44a2 : +6
47 : #8047a9 : +8
49 : #854ab0 : +10
51 : #8b4fb5 : +12
53 : #8f56b8 : +14
55 : #945dbb : +16
57 : #9964be : +18
59 : #9e6cc1 : +20
61 : #a273c4 : +22
63 : #a77ac7 : +24
65 : #ac81ca : +26
67 : #b188cd : +28
69 : #b590d0 : +30
71 : #ba97d3 : +32
73 : #bf9ed6 : +34
75 : #c4a5d9 : +36
77 : #c8acdc : +38
79 : #cdb3df : +40
81 : #d2bbe2 : +42
83 : #d7c2e5 : +44
85 : #dbc9e8 : +46
87 : #e0d0eb : +48
89 : #e5d7ee : +50
91 : #eadff1 : +52
93 : #eee6f4 : +54
95 : #f3edf7 : +56
97 : #f8f4fa : +58
99 : #fdfbfd : +60
CSS入門、作ってます。
text-shadow