#6b2173
RGB ( 赤 = 107, 緑 = 33, 青 = 115 )
HSL ( 色相 = 294°, 彩度 = 55%, 明度 = 29% )
H : 色相 ( 294° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #732721 : -290
14 : #733421 : -280
24 : #734221 : -270
34 : #734f21 : -260
44 : #735d21 : -250
54 : #736a21 : -240
64 : #6d7321 : -230
74 : #607321 : -220
84 : #527321 : -210
94 : #457321 : -200
104 : #377321 : -190
114 : #297321 : -180
124 : #217327 : -170
134 : #217334 : -160
144 : #217342 : -150
154 : #21734f : -140
164 : #21735d : -130
174 : #21736a : -120
184 : #216d73 : -110
194 : #216073 : -100
204 : #215273 : -90
214 : #214573 : -80
224 : #213773 : -70
234 : #212973 : -60
244 : #272173 : -50
254 : #342173 : -40
264 : #422173 : -30
274 : #4f2173 : -20
284 : #5d2173 : -10
294 : #6a2173 : ±0
304 : #73216d : +10
314 : #732160 : +20
324 : #732152 : +30
334 : #732145 : +40
344 : #732137 : +50
354 : #732129 : +60
284 : #5d2173 : -10
285 : #5e2173 : -9
286 : #602173 : -8
287 : #612173 : -7
288 : #622173 : -6
289 : #642173 : -5
290 : #652173 : -4
291 : #662173 : -3
292 : #682173 : -2
293 : #692173 : -1
294 : #6a2173 : ±0
295 : #6c2173 : +1
296 : #6d2173 : +2
297 : #6f2173 : +3
298 : #702173 : +4
299 : #712173 : +5
300 : #732173 : +6
301 : #732171 : +7
302 : #732170 : +8
303 : #73216f : +9
304 : #73216d : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4b494b : -54
3 : #4c484c : -52
5 : #4d464e : -50
7 : #4e454f : -48
9 : #4f4351 : -46
11 : #504252 : -44
13 : #524054 : -42
15 : #533f55 : -40
17 : #543d57 : -38
19 : #553c58 : -36
21 : #563a59 : -34
23 : #58395b : -32
25 : #59375c : -30
27 : #5a365e : -28
29 : #5b355f : -26
31 : #5c3361 : -24
33 : #5d3262 : -22
35 : #5f3064 : -20
37 : #602f65 : -18
39 : #612d67 : -16
41 : #622c68 : -14
43 : #632a6a : -12
45 : #65296b : -10
47 : #66276d : -8
49 : #67266e : -6
51 : #682470 : -4
53 : #692371 : -2
55 : #6a2173 : ±0
57 : #6c2074 : +2
59 : #6d1e76 : +4
61 : #6e1d77 : +6
63 : #6f1b79 : +8
65 : #701a7a : +10
67 : #72187b : +12
69 : #73177d : +14
71 : #74157e : +16
73 : #751480 : +18
75 : #761281 : +20
77 : #781183 : +22
79 : #791084 : +24
81 : #7a0e86 : +26
83 : #7b0d87 : +28
85 : #7c0b89 : +30
87 : #7d0a8a : +32
89 : #7f088c : +34
91 : #80078d : +36
93 : #81058f : +38
95 : #820490 : +40
97 : #830292 : +42
99 : #850193 : +44
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -28
3 : #0b030c : -26
5 : #120614 : -24
7 : #1a081c : -22
9 : #210a24 : -20
11 : #280d2b : -18
13 : #300f33 : -16
15 : #37113b : -14
17 : #3e1443 : -12
19 : #46164b : -10
21 : #4d1853 : -8
23 : #541a5b : -6
25 : #5c1d63 : -4
27 : #631f6b : -2
29 : #6a2173 : ±0
31 : #72247b : +2
33 : #792682 : +4
35 : #81288a : +6
37 : #882a92 : +8
39 : #8f2d9a : +10
41 : #972fa2 : +12
43 : #9e31aa : +14
45 : #a534b2 : +16
47 : #ad36ba : +18
49 : #b438c2 : +20
51 : #b93dc7 : +22
53 : #bc45c9 : +24
55 : #bf4dcb : +26
57 : #c255ce : +28
59 : #c45dd0 : +30
61 : #c765d2 : +32
63 : #ca6dd5 : +34
65 : #cd75d7 : +36
67 : #d07dd9 : +38
69 : #d384db : +40
71 : #d68cde : +42
73 : #d894e0 : +44
75 : #db9ce2 : +46
77 : #dea4e5 : +48
79 : #e1ace7 : +50
81 : #e4b4e9 : +52
83 : #e7bceb : +54
85 : #eac4ee : +56
87 : #ecccf0 : +58
89 : #efd4f2 : +60
91 : #f2dbf5 : +62
93 : #f5e3f7 : +64
95 : #f8ebf9 : +66
97 : #fbf3fc : +68
99 : #fefbfe : +70
CSS入門、作ってます。
text-shadow