#6a3786
RGB ( 赤 = 106, 緑 = 55, 青 = 134 )
HSL ( 色相 = 279°, 彩度 = 42%, 明度 = 37% )
H : 色相 ( 279° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #864337 : -270
19 : #865037 : -260
29 : #865d37 : -250
39 : #866a37 : -240
49 : #867737 : -230
59 : #868537 : -220
69 : #7a8637 : -210
79 : #6d8637 : -200
89 : #608637 : -190
99 : #528637 : -180
109 : #458637 : -170
119 : #388637 : -160
129 : #378643 : -150
139 : #378650 : -140
149 : #37865d : -130
159 : #37866a : -120
169 : #378677 : -110
179 : #378685 : -100
189 : #377a86 : -90
199 : #376d86 : -80
209 : #376086 : -70
219 : #375286 : -60
229 : #374586 : -50
239 : #373886 : -40
249 : #433786 : -30
259 : #503786 : -20
269 : #5d3786 : -10
279 : #6a3786 : ±0
289 : #773786 : +10
299 : #853786 : +20
309 : #86377a : +30
319 : #86376d : +40
329 : #863760 : +50
339 : #863752 : +60
349 : #863745 : +70
359 : #863738 : +80
269 : #5d3786 : -10
270 : #5e3786 : -9
271 : #603786 : -8
272 : #613786 : -7
273 : #623786 : -6
274 : #643786 : -5
275 : #653786 : -4
276 : #663786 : -3
277 : #683786 : -2
278 : #693786 : -1
279 : #6a3786 : ±0
280 : #6c3786 : +1
281 : #6d3786 : +2
282 : #6e3786 : +3
283 : #703786 : +4
284 : #713786 : +5
285 : #723786 : +6
286 : #733786 : +7
287 : #753786 : +8
288 : #763786 : +9
289 : #773786 : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5e5e5e : -42
2 : #5f5c60 : -40
4 : #5f5b62 : -38
6 : #605964 : -36
8 : #615766 : -34
10 : #615568 : -32
12 : #62536a : -30
14 : #62516c : -28
16 : #634f6d : -26
18 : #634d6f : -24
20 : #644b71 : -22
22 : #654a73 : -20
24 : #654875 : -18
26 : #664677 : -16
28 : #664479 : -14
30 : #67427b : -12
32 : #67407d : -10
34 : #683e7e : -8
36 : #693c80 : -6
38 : #693a82 : -4
40 : #6a3984 : -2
42 : #6a3786 : ±0
44 : #6b3588 : +2
46 : #6b338a : +4
48 : #6c318c : +6
50 : #6d2f8e : +8
52 : #6d2d8f : +10
54 : #6e2b91 : +12
56 : #6e2a93 : +14
58 : #6f2895 : +16
60 : #6f2697 : +18
62 : #702499 : +20
64 : #70229b : +22
66 : #71209d : +24
68 : #721e9f : +26
70 : #721ca0 : +28
72 : #731aa2 : +30
74 : #7319a4 : +32
76 : #7417a6 : +34
78 : #7415a8 : +36
80 : #7513aa : +38
82 : #7611ac : +40
84 : #760fae : +42
86 : #770daf : +44
88 : #770bb1 : +46
90 : #7809b3 : +48
92 : #7808b5 : +50
94 : #7906b7 : +52
96 : #7a04b9 : +54
98 : #7a02bb : +56
100 : #7b00bd : +58
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -36
3 : #09040b : -34
5 : #0e0712 : -32
7 : #140a19 : -30
9 : #1a0d21 : -28
11 : #201028 : -26
13 : #25132f : -24
15 : #2b1636 : -22
17 : #31193e : -20
19 : #371c45 : -18
21 : #3c1f4c : -16
23 : #422253 : -14
25 : #48255b : -12
27 : #4e2862 : -10
29 : #532b69 : -8
31 : #592e70 : -6
33 : #5f3177 : -4
35 : #64347f : -2
37 : #6a3786 : ±0
39 : #703a8d : +2
41 : #763d94 : +4
43 : #7b409c : +6
45 : #8143a3 : +8
47 : #8746aa : +10
49 : #8d48b1 : +12
51 : #924eb7 : +14
53 : #9655b9 : +16
55 : #9b5cbc : +18
57 : #9f63bf : +20
59 : #a46bc2 : +22
61 : #a872c5 : +24
63 : #ad79c8 : +26
65 : #b180cb : +28
67 : #b588ce : +30
69 : #ba8fd1 : +32
71 : #be96d4 : +34
73 : #c39dd7 : +36
75 : #c7a4da : +38
77 : #ccacdd : +40
79 : #d0b3e0 : +42
81 : #d5bae3 : +44
83 : #d9c1e6 : +46
85 : #dec9e9 : +48
87 : #e2d0ec : +50
89 : #e6d7ef : +52
91 : #ebdef2 : +54
93 : #efe6f5 : +56
95 : #f4edf8 : +58
97 : #f8f4fb : +60
99 : #fdfbfe : +62
CSS入門、作ってます。
text-shadow