#6b2b73
RGB ( 赤 = 107, 緑 = 43, 青 = 115 )
HSL ( 色相 = 293°, 彩度 = 46%, 明度 = 31% )
H : 色相 ( 293° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #732e2b : -290
13 : #733a2b : -280
23 : #73472b : -270
33 : #73532b : -260
43 : #735f2b : -250
53 : #736b2b : -240
63 : #70732b : -230
73 : #64732b : -220
83 : #58732b : -210
93 : #4b732b : -200
103 : #3f732b : -190
113 : #33732b : -180
123 : #2b732e : -170
133 : #2b733a : -160
143 : #2b7347 : -150
153 : #2b7353 : -140
163 : #2b735f : -130
173 : #2b736b : -120
183 : #2b7073 : -110
193 : #2b6473 : -100
203 : #2b5873 : -90
213 : #2b4b73 : -80
223 : #2b3f73 : -70
233 : #2b3373 : -60
243 : #2e2b73 : -50
253 : #3a2b73 : -40
263 : #472b73 : -30
273 : #532b73 : -20
283 : #5f2b73 : -10
293 : #6b2b73 : ±0
303 : #732b70 : +10
313 : #732b64 : +20
323 : #732b58 : +30
333 : #732b4b : +40
343 : #732b3f : +50
353 : #732b33 : +60
283 : #5f2b73 : -10
284 : #602b73 : -9
285 : #612b73 : -8
286 : #622b73 : -7
287 : #642b73 : -6
288 : #652b73 : -5
289 : #662b73 : -4
290 : #672b73 : -3
291 : #692b73 : -2
292 : #6a2b73 : -1
293 : #6b2b73 : ±0
294 : #6c2b73 : +1
295 : #6d2b73 : +2
296 : #6f2b73 : +3
297 : #702b73 : +4
298 : #712b73 : +5
299 : #722b73 : +6
300 : #732b73 : +7
301 : #732b72 : +8
302 : #732b71 : +9
303 : #732b70 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4f4f4f : -46
2 : #504d51 : -44
4 : #514c52 : -42
6 : #534a54 : -40
8 : #544955 : -38
10 : #554757 : -36
12 : #564659 : -34
14 : #58445a : -32
16 : #59425c : -30
18 : #5a415d : -28
20 : #5b3f5f : -26
22 : #5c3e60 : -24
24 : #5e3c62 : -22
26 : #5f3a64 : -20
28 : #603965 : -18
30 : #613767 : -16
32 : #623668 : -14
34 : #64346a : -12
36 : #65336c : -10
38 : #66316d : -8
40 : #672f6f : -6
42 : #692e70 : -4
44 : #6a2c72 : -2
46 : #6b2b73 : ±0
48 : #6c2975 : +2
50 : #6d2877 : +4
52 : #6f2678 : +6
54 : #70247a : +8
56 : #71237b : +10
58 : #72217d : +12
60 : #73207e : +14
62 : #751e80 : +16
64 : #761c82 : +18
66 : #771b83 : +20
68 : #781985 : +22
70 : #791886 : +24
72 : #7b1688 : +26
74 : #7c158a : +28
76 : #7d138b : +30
78 : #7e118d : +32
80 : #80108e : +34
82 : #810e90 : +36
84 : #820d91 : +38
86 : #830b93 : +40
88 : #840995 : +42
90 : #860896 : +44
92 : #870698 : +46
94 : #880599 : +48
96 : #89039b : +50
98 : #8a029d : +52
100 : #8c009e : +54
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -30
3 : #0a040b : -28
5 : #110713 : -26
7 : #180a1a : -24
9 : #1f0c22 : -22
11 : #260f29 : -20
13 : #2d1230 : -18
15 : #341538 : -16
17 : #3b173f : -14
19 : #421a47 : -12
21 : #481d4e : -10
23 : #4f2056 : -8
25 : #56225d : -6
27 : #5d2565 : -4
29 : #64286c : -2
31 : #6b2b73 : ±0
33 : #722d7b : +2
35 : #793082 : +4
37 : #80338a : +6
39 : #873691 : +8
41 : #8d3899 : +10
43 : #943ba0 : +12
45 : #9b3ea8 : +14
47 : #a241af : +16
49 : #a943b6 : +18
51 : #ae49bc : +20
53 : #b150be : +22
55 : #b557c1 : +24
57 : #b85fc4 : +26
59 : #bb66c7 : +28
61 : #bf6ec9 : +30
63 : #c275cc : +32
65 : #c57dcf : +34
67 : #c984d2 : +36
69 : #cc8cd4 : +38
71 : #cf93d7 : +40
73 : #d29ada : +42
75 : #d6a2dd : +44
77 : #d9a9df : +46
79 : #dcb1e2 : +48
81 : #e0b8e5 : +50
83 : #e3c0e8 : +52
85 : #e6c7ea : +54
87 : #eacfed : +56
89 : #edd6f0 : +58
91 : #f0ddf3 : +60
93 : #f3e5f5 : +62
95 : #f7ecf8 : +64
97 : #faf4fb : +66
99 : #fdfbfe : +68
CSS入門、作ってます。
text-shadow